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

我不明白你的要求是完全什麼，但我認爲你可以使用.live（）的jQuery的達到你想要

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