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

稳定

产品可用性高于99.9%

贴心

全国7*24小时客服热线

专业

产品经理在线技术支持

快速

快速上线运营快

承诺

我们选择声誉

坚持

10年专注高端品质开发
  • 返回顶部