Páginas

Pesquisar

27 de out. de 2010

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:










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:                                                                                  

Nenhum comentário:

Postar um comentário

Mensagem do formulário de comentário:

Total de visualizações de página

 
|template by ebds|http://supermonitorado.blogspot.com/|