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.