13 março 2012

Efeito Hover com Jquery

Olá, hoje trago outro tutorial, pedido pela Gislaine no segundo post.

   Para colocar no menu do blog, procure por /body e cole acima o seguinte código:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js">
</script>
<script type="text/javascript">
var $j = jQuery.noConflict();
$j(document).ready(function(){
$j("ul li").hover(function() {
$j(this).siblings().stop().fadeTo(400,0.0);
}, function() {
$j(this).siblings().stop().fadeTo(400,1);
});
}); 
</script>
E se quiser colocar num Gadget, cole antes da tag de fechar o gadget o código de á pouco,
Beijos


16 comentários:

  1. haha vlw e amei op efeito muito lindo :]
    Beizos->Sundae Dreams<-

    ResponderEliminar
  2. Obrigada por fazer o tutorial,vou tentar fazer no meu blog.
    http://perfeitamenteteen.blogspot.com

    ResponderEliminar
  3. Não deu certo,não consegui colocar no meu blog.
    http://perfeitamenteteen.blogspot.com

    ResponderEliminar
  4. Bom tutorial (:

    Beijos, hannets.blogspot.com

    ResponderEliminar
  5. Não entendo muito disso hehe.

    Beijos xoxo *-*
    http://www.umaprincesinhapordentro.blogspot.com/

    ResponderEliminar
  6. o tutorial parece ser lindo, amei

    http://www.perfeitinhablog.com/

    ResponderEliminar
  7. ^^ oiie, flor nossa adorei o tuto.
    #Bezos Rawr -----> Bikoti.blogspot.com

    ResponderEliminar