我正在使用此fiddle,但我想要多个图像随着悬停效果滑动,此链接仅显示一张图片幻灯片,我希望在其上滑动多张图片。
HTML:
<div id="container">
<div class="fimg"><a href="#"><img height="130px" width="100%" src="a.jpg" alt="" /></a>
</div> <div class="simg">
<a href="#"><img height="130px" width="100%" src="A.jpg" alt="" /><p class="text_over_image" style="font-size:36px;">TEXT</p></a>
</div>
使用Javascript:
$(function(){
$("#container").hover(function(){
$("img", this).stop().animate({top:"-130px"},{queue:false,duration:200});
}, function() {
$("img", this).stop().animate({top:"0px"},{queue:false,duration:200});
});
});