Jquery动画悬停

时间:2012-02-16 08:08:36

标签: javascript jquery

在我的网站上,我有一张图像,当它悬停时会使用它。

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

但是我的后面还有另一张图片,当我悬停时,我希望它上方的图像保持在原位,当鼠标移开时,上面的第一张图像将向下覆盖下面的图像(背面图像)。

1 个答案:

答案 0 :(得分:0)

我完全不了解你的要求是什么,但我认为你可以使用jquery的.live()来实现你想要的东西

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