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

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

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

type='text/javascript'> <script

/ / <! [CDATA [

$ (Documento). Ready (function () {

$ ('A.nudge'). Hover (function () {/ / mouse em

$ (Este) Anime ({paddingLeft: '45px '}, 400).;

}, Function () {/ mouse / out

$ (Este) Anime ({paddingLeft: px '1 '}, 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.

http://dicasetutoriais1.blogspot.com 

deixe um comentário :