此
Jquery插件是一款很实用的功能,很多网站也用到了文字、图片的无缝滚动,网友前端良人把它封装成了一个
Jquery插件分享给大家使用,插件功能很强大,可以灵活设计很多参数,暂时只出文字内容滚动,支持上、下、左、右四个向的滚动,参数配置如下:
$.fn.kxbdSuperMarquee.defaults = {
isMarquee:false,//是否为Marquee
isEqual:true,//所有滚动的元素长宽是否相等,true,false
loop: 0,//循环滚动次数,0时无限
newAmount:3,//加速滚动的步长
eventA:'mousedown',//鼠标事件,加速
eventB:'mouseup',//鼠标事件,原速
isAuto:true,//是否自动轮换
time:5,//停顿时间,单位为秒
duration:50,//缓动效果,单次移动时间,越小速度越快,为0时无缓动效果
eventGo:'click', //鼠标事件,向前向后走
direction: 'left',//滚动方向,'left','right','up','down'
scrollAmount:1,//步长
scrollDelay:10,//时长
eventNav:'click'//导航事件
};
效果如下:
如果您觉得本作品对您的学习有所帮助:
关键字:
原创 滚动特效 无缝滚动 网友良人未归