jQuery动画悬停

Question

在我的网站上，我有一个图像，将鼠标悬停时会使用此图像。

的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);
   }
);

但是我在它的背面有另一个图像，当悬停时，我希望它上面的图像停留在它的位置，而当鼠标移出它时，上面的第一个图像将向下覆盖它下面的图像（背面图像）。

Answer 1

我不完全了解您的要求，但我认为您可以使用jquery的.live（）来实现所需的功能

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