欢迎光临朱凯的个人博客!
朱凯,a3.work

图片上下遮罩滚动显示

 发布时间: 2016-12-19 11:39      原创:  朱凯      评论: .       .人查看

代码整理 - 图片上下遮罩滚动显示图片介绍或者标题特效:

效果如下:

代码分享:

#_160912{height:514px;overflow:hidden;width:272px;margin: auto;}
._160912c{float:left;overflow:hidden;position:relative;width:272px;}                            $(function(){
    $('._160912c').mouseover(function(){
        $(this).stop().animate({"top":"-514px"}, 200);
    })
    $('._160912c').mouseout(function(){
        $(this).stop().animate({"top":"0"}, 200);
    })
})

转载请注明来源:   图片上下遮罩滚动显示  - 朱凯博客

上一篇:图片无缝滚动 下一篇:JavaScript权威指南
分享是一种快乐,也是一种美德:
¥打开支付宝,扫码领红包¥ 红包

支付宝 aliPay

微信 wxPay