插件窝 Js插件 轮播 jQuery无缝滚动插件

jQuery无缝滚动插件

1322 0 13
  • 1571022994

资源介绍

使用方法

js:

<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>

css:

.b{height: 170px; overflow: hidden; width: 490px; margin-left:auto; margin-right: auto;}
.b-con div{}

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>

参数介绍

参数名默认值描述
continuoustrue是否连续
placeholder0非连续滚动时每次的滑动距离,可以自定义,如果没有自定义则根据子元素和滚动数量来决定
dir'left'滚动方面,可以为left和top
container'ul'外层元素
innner'li'子元素
speed1000非连续滚动速度
delayTime0滚动间隔,非连续滚动为2000ms,连续滚动为20ms,可以自定义
num1非连续一次滚动的数量


相关源码