marquee.js jQuery 多功能无缝滚动插件

(点击查看原文地址)

这个基于 jQuery 的多功能无缝滚动插件是我在几个月之前就写好的,只是碍于时间没有把插件公开出来,近段时间,这个插件陆续在公司的几个项目中得到应用,尝试效果还算不错,期间也修复了一些 bug,自我感觉这个插件在功能上已经比较成熟,现在就分享给大家。

首先,来说明一下,这个“多功能”无缝滚动插件,到底怎么“多功能”?marquee.js 插件一共提供了 13 个可选的配置参数,是我所能想到的一般无缝滚动所可能涉及到的多样化了。简单来看一下这些参数有:

auto {boolean} 是否自动滚动
interval {number} 间隔时间(毫秒)
speed {number} 移动速度(毫秒)
prevBtnId {string} 向前滚按钮 id
nextBtnId {string} 向后滚按钮 id
pauseBtnId {string} 暂停按钮 id
resumeBtnId {string} 继续按钮 id
showNum {number} 显示个数
stepLen {number} 每次滚动步长
type {string} 水平滚动 - horizontal / 垂直滚动 - vertical
direction {string} 向前 -  forward / 向后 - backward
afterMove {function} 每次移动后回调
beforeMove {function} 每次移动前回调

你一定迫不及待地想看效果了吧,我只做了一个简单的 DEMO,但是基本能涵盖这个插件的所有功能了。更多参数组合可以达到更多 DEMO 中所没有的效果。

我把 marquee.js - jQuery 多功能无缝滚动插件提交到了 github 上,有兴趣的朋友可以前往下载最新版的 marquee.js,或者根据自己的实际需要,修改、扩展这个插件也是 OK 的,欢迎 fork。

最后,也希望朋友们在使用该插件后提出宝贵意见和建议。

原文地址:https://www.cnblogs.com/liuu/p/3093036.html