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