2012-02-16 2 views
0

Dans mon site Web j'ai une image que lorsque vous passez la souris il monte en utilisant cela.JQuery animation hover

HTML

<div class="first"> 
<a href="#dialogdemo" name="modal"><img src="images/1sticon.png" alt=" " border="0"/></a> 
    <div class="support"> 
    <img src="images/orpan.png" alt=" " /> 
    </div> 
</div> 

Jquery

$('.first img').hover(
    function(){ 
    $(this).stop().animate({marginTop:'-25px',}, 300); 
    }, 
    function(){ 
    $(this).stop().animate({marginTop:'0px',}, 300); 
    } 
); 

mais j'ai une autre image à l'arrière de celui-ci que lorsque hover je veux l'image ci-dessus pour rester sur sa place et quand mouseOut elle le 1er l'image ci-dessus va descendre pour couvrir l'image en dessous (image arrière).

+0

s'il vous plaît afficher les html – Hadas

Répondre

0

Je ne comprends pas bien ce que votre exigence est mais je pense que vous pouvez utiliser .live() de jquery pour obtenir ce que vous voulez

$('.support1 img').live('mouseenter',function(){ 
    "your code" 
}).live('mouseleave',function(){ 
    "your code" 
}); 
+0

désolé si vous ne comprenez pas it.its juste un survol de l'image qui monte et en dessous est une autre image que lorsque vous hover la 1ère image qui est au-dessus reste en haut .. il ne descend que son mouseout – Bert