在我的网站上,我有一张图像,当它悬停时会使用它。
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);
}
);
但是我的后面还有另一张图片,当我悬停时,我希望它上方的图像保持在原位,当鼠标移开时,上面的第一张图像将向下覆盖下面的图像(背面图像)。
答案 0 :(得分:0)
我完全不了解你的要求是什么,但我认为你可以使用jquery的.live()来实现你想要的东西
$('.support1 img').live('mouseenter',function(){
"your code"
}).live('mouseleave',function(){
"your code"
});