首先非常感谢网友欢欢的无私分享,此作品是她刚写好的一款原创Jquery插件,是最初版本,还会不断完善下去的,实现了图片带描述左右滚动效果,这个是插件是根据以前的一个插件修改过的,一般在这个的时候,当图片滚动到最后一个的时候,在点击翻页他就会直接返回到第一个图,效果不是很好。
现在做了新的修改,不管是做右边的滚动效果、还是左边的滚动效果,都是沿着一个方向一直在做同一方向运动!
多添加了两个功能:
1、在每一个图片上面添加了一个说明(是把不想展示的内容先隐藏起来)
2、点击更多的时候(就会把之前隐藏的内容显示出来)
页面调用代码如下:
<script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="js/jquery.scrollpic.js" type="text/javascript"></script>
<script>
$(function(){
$('#scrollpic00').scrollpic({
defaultSpeed : 1000, //默认滚动时间 点击按钮滚动时间
speed : 5000 //自动播放滚动时间
});
})
</script>
效果如下:
如果您觉得本作品对您的学习有所帮助:
关键字:
网友欢欢 图片特效 无缝滚动 图片滚动 Jquery相册 QQ相册 图片轮播 ImgScroll Jquery焦点图 scrollpic