jQuery图片上下左右无缝连续循环滚动

时间：2014-11-13 来源：互联网

特效说明：

一款jQuery图片上下左右无缝连续循环滚动网页特效，可同一页面多次调用，可设置滚动速度、图片滚动方向，鼠标滑过停止滚动，支持图片从左向右、从上到下、从右到左、从下到上无缝隙滚动JS代码。（兼容测试：IE8及以上、Firefox、Chrome、Opera、Safari、360等主流浏览器）

使用方法：

1、调用CSS样式
<link rel="stylesheet" type="text/css" href="css/style.css" />

2、调用JS代码
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.imgscroll.min.js"></script>

3、添加HTML代码：
将......之间的html代码；放在<body></body>之间。

4、代码应用：
<script type="text/javascript">
$(function(){

   imgScroll.rolling({
       name:'g1',
       width:'380px',
       height:'180px',
       direction:'top',
       speed:10,
       addcss:true
   });

   imgScroll.rolling({
       name:'g2',
       width:'380px',
       height:'180px',
       direction:'left',
       speed:20,
       addcss:true
   });

   imgScroll.rolling({
       name:'g3',
       width:'380px',
       height:'180px',
       direction:'bottom',
       speed:30,
       addcss:true
   });

   imgScroll.rolling({
       name:'g4',
       width:'380px',
       height:'180px',
       direction:'right',
       speed:40,
       addcss:true
   });

})
</script>

标签图文列表无缝隙滚动图片滚动

预览下载收藏分享