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