jQuery无缝滚动插件

jQuery无缝滚动插件

目前支持间断和连续的两种方式，支持向左和向上滚动两个方向，支持自定义滚动的速度和间隔时间，支持自定义滚动外层内容和子元素内容，支持一次滚动的图片数量。

使用方法

引入jquery地址并引入本插件地址，添加以下代码：

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="scrollForever.js"></script>
<script type="text/javascript">
$(function(){
$("#a1").scrollForever();
})
</script>

HTML代码为：

<div class="a" id="a1">
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
<li>10</li>
<li>11</li>
<li>12</li>
</ul>
</div>

CSS代码

.a{height: 200px; width:800px; overflow: hidden; margin:10px auto;}
.a li{height: 198px; width: 198px; border:1px solid #ddd; line-height: 2.4; font-size: 30px; text-align: center; float: left;}

插件参数

演示和下载

本站将会提供插件和非插件的几种思路，同时区分出无缝连续滚动和无缝间断的代码。

无缝滚动插件版无缝向左1无缝向左2无缝向上间断向左间断向上

下载插件

本插件已经传到github上，欢迎到github的主页上Fork，如果觉得好用，请点击Star支持我的工作，感谢。

scrollForever 主页