kxbdSuperMarquee.js取代marquee實(shí)現(xiàn)無縫的圖片文字輪播滾動(dòng)
kxbdSuperMarquee.js可謂是一個(gè)滾動(dòng)的神器,關(guān)于滾動(dòng)的什么效果都可以實(shí)現(xiàn),文字的滾動(dòng),圖片的滾動(dòng),輪播圖,向上、向下、向左、向右都可以實(shí)現(xiàn)。只要用好了它,幾本上什么滾動(dòng)都不會(huì)愁的。
參數(shù)說明:
distance:200,//一次滾動(dòng)的距離 duration:20,//緩動(dòng)效果,單次移動(dòng)時(shí)間,越小速度越快,為0時(shí)無緩動(dòng)效果 time:5,//停頓時(shí)間,單位為秒 direction: 'left',//滾動(dòng)方向,'left','right','up','down' scrollAmount:1,//步長 scrollDelay:20//時(shí)長,單位為毫秒 isEqual:true,//所有滾動(dòng)的元素長寬是否相等,true,false loop: 0,//循環(huán)滾動(dòng)次數(shù),0時(shí)無限 btnGo:{left:'#goL',right:'#goR'},//控制方向的按鈕ID,有四個(gè)屬性left,right,up,down分別對(duì)應(yīng)四個(gè)方向 eventGo:'click',//鼠標(biāo)事件 controlBtn:{left:'#goL',right:'#goR'},//控制加速滾動(dòng)的按鈕ID,有四個(gè)屬性left,right,up,down分別對(duì)應(yīng)四個(gè)方向 newAmount:4,//加速滾動(dòng)的步長 eventA:'mouseenter',//鼠標(biāo)事件,加速 eventB:'mouseleave',//鼠標(biāo)事件,原速 navId:'#marqueeNav', //導(dǎo)航容器ID,導(dǎo)航DOM:
- 1
- 2
- ,導(dǎo)航CSS:.navOn eventNav:'click' //導(dǎo)航事件
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
推薦文章
2025-01-18
2024-11-28
2024-11-09
2024-10-25
2024-06-25
2024-01-04
2023-11-06
2023-10-30
2023-10-13
2023-10-10
穩(wěn)定
產(chǎn)品高可用性高并發(fā)貼心
項(xiàng)目群及時(shí)溝通專業(yè)
產(chǎn)品經(jīng)理1v1支持快速
MVP模式小步快跑承諾
我們選擇聲譽(yù)堅(jiān)持
10年專注高端品質(zhì)開發(fā)聯(lián)系我們
友情鏈接: