2017 altex.ro

jQUERY efect deplasare link sau imagine

Cei care folosesc jQuery în blog-uri, pot da un aspect diferit pentru link-uri sau imagini cu Nudging.js efect de miscare subtilă cand trece cursorul pe este ele.

Pentru a folosi acest efect mergem la sablonul de editare HTML si inainte de linia </head> se adauga urmatorul script:
<script type='text/javascript'>
// <![CDATA[
$(document).ready(function() {
$('a.nudge').hover(function() { //mouse in
$(this).animate({ paddingLeft: '45px' }, 400);
}, function() { //mouse out
$(this).animate({ paddingLeft: '1px' }, 400);
});
});
//]]>
</script>
Daca nu ai folosit pana acum jQuery si doresti sa instalezi acest efect pe blog-ul tau ai nevoie de urmatorul cod pe care il adaugi exact deasupra celui de mai sus:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js' type='text/javascript'/>

Salveaza modificarile si acum intr-o postare noua sau intr-un nou gadget html/javascript poti creea un linck sau o imagine cu efect deplasare.

Pentru link text folosim:
<a class="nudge" href="url-enlace">AICI VEZI EFECTUL</a>
Si rezultatul.
AICI VEZI EFECTUL
Acum sa vedem acelas efect cu o imagine, se foloseste urmatoarea linie.
<a href="#"class="nudge"><img src="Url-imagine" /></a>
Si rezultatul:

Se inlocuieste Url-imagine cu url-ul imagini tale.

0 comentarios:

Trimiteți un comentariu

Bine ai venit!
In continuare poti lasa mesajul tau.

Multumesc