图像滑动悬停效果

时间:2016-04-08 18:07:35

标签: javascript jquery html5 css3

我正在使用此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});
    });
});

0 个答案:

没有答案