kxbdSuperMarquee.js可谓是一个滚动的神器，关于滚动的什么效果都可以实现，文字的滚动，图片的滚动，轮播图，向上、向下、向左、向右都可以实现。只要用好了它，几本上什么滚动都不会愁的。
 

参数说明：

distance:200,//一次滚动的距离
duration:20,//缓动效果，单次移动时间，越小速度越快，为0时无缓动效果
time:5,//停顿时间，单位为秒
direction: 'left',//滚动方向，'left','right','up','down'
scrollAmount:1,//步长
scrollDelay:20//时长，单位为毫秒
isEqual:true,//所有滚动的元素长宽是否相等,true,false
loop: 0,//循环滚动次数，0时无限
btnGo:{left:'#goL',right:'#goR'},//控制方向的按钮ID，有四个属性left,right,up,down分别对应四个方向
eventGo:'click',//鼠标事件
controlBtn:{left:'#goL',right:'#goR'},//控制加速滚动的按钮ID，有四个属性left,right,up,down分别对应四个方向
newAmount:4,//加速滚动的步长
eventA:'mouseenter',//鼠标事件，加速
eventB:'mouseleave',//鼠标事件，原速
navId:'#marqueeNav', //导航容器ID，导航DOM:

• 1
• 2
  • ,导航CSS:.navOn eventNav:'click' //导航事件

JS代码：

 

<script type="text/javascript" src="http://www.ijquery.cn/js/jquery-1.7.2.min.js">script>
<script type="text/javascript" src="http://www.ijquery.cn/js/kxbdSuperMarquee.js">script>
<script type="text/javascript">
$(function(){
$(‘#marquee’).kxbdSuperMarquee({
isMarquee:true,
isEqual:false,
scrollDelay:20,
controlBtn:{up:’#goUM’,down:’#goDM’},
direction:’up’
});
});
script>

演示效果:http://url.cn/Vhr3Wp