aprenda como se faz:...Efecto en enlaces con jQuery

 Aprenda como se faz:..."Efeito em links com jQuery"

 ...vale conferir
:)
 ...aqui vai um excelente dica, 


...do tutorial de GEMA,

http://gemablog-.blogspot.com/2010/10/efecto-en-enlaces-con-jquery.html,...a saber:

Efeito em links com jQuery

Aqueles que usam jQuery em seu blog pode dar um olhar diferente para os links de Nudging.js o efeito é um movimento sutil para mover o ponteiro do mouse sobre o link.

Imaginamos para adicionar HTML modelo de edição, e pouco antes de </ Head> acrescentar o seguinte:

<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>

Se não estamos usando jQuery e é a primeira vez que vamos usá-lo em seguida, acrescentar:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js' type='text/javascript'/>

Salve as mudanças  

e tem que criar os links, 

se nós escolhermos adicionar um gadget 

 HTML / Javascript

 
❋ Link de Texto                                                    

Texto-Link

<a class="nudge" href="url-enlace"> texto link </ a>

❋ Com Marcadores

Texto-Link
Texto-Link
Texto-Link

class="nudge" <a href="Url-enlace"> <img border="0" link de texto src="Url-icono-bullets"/> </ a>

❋ Uma links de imagens

href="#"class="nudge"> <img src="Url-imagen" /> </ a>

Url-link adicionar a URL do site que apontam para.
Texto-Link é o texto que irá visualizar e de ligação.
Url imagem Dela adicionar o URL da imagem de exibição.
Url ícone-balas é o lugar para adicionar a url do ícone ou bala.

fonte e créditos:

http://gemablog-.blogspot.com/

2010/10/efecto-en-enlaces-con-jquery.html

obs.: a imagem = emoticon, neste caso, fica se movendo, para a direita e esquerda , quando o ponteiro do mouse é sopreposto nela.

 POST ORIGINAL:                                                

Efecto en enlaces con jQuery

Los que utilizan jQuery en su blog pueden dar un aspecto diferente a los enlaces con Nudging.js el efecto es un sutil movimiento al pasar el puntero sobre el enlace.

Para añadirlo nos situamos en plantilla edición HTML y justo antes de </head> añadimos lo siguiente:

<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>

Si no estamos utilizando jQuery y es la primera vez que vamos a utilizarlo entonces también añadiremos justo antes del anterior:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js' type='text/javascript'/>

Guardamos los cambios y queda crear los enlaces, si los añadimos en un gadget escogeremos HTML/Javascript



Url-enlace añadimos la url del sitio que vamos a enlazar.
Texto-enlace es el texto que visualizamos y hará de enlace.
Url-imagen añadiremos la url dela imagen a mostrar.
Url-icono-bullets es el lugar para añadir la url del icono o bullet.

você está em:                                                                                  

http://supermonitorado.blogspot.com