插件描述：一个原生JS实现的轮播插件，不需要引入第三方库，自适应布局，支持键盘事件与移动端屏幕滑动事件，支持VUE
更新时间：2019-10-30 21:29:38
该插件使用ES6编写，使用时请引入 lb.js 与 lb.css, 如果你的浏览器不支持ES6, 可以引入 lb.babel.js 或 lb.min.js.
首先你需要在你的JS中定义一个 options （选项），选项中定义了轮播组件的相关属性，之后实例化一个Lb（轮播组件类）对象，同时将 options 传递给构造函数，再启动轮播就可以了。
轮播选项
1 2 3 4 5 6 7 8 9 10 11 12 | const options = { id: 'lb-1', // 轮播盒ID speed: 600, // 轮播速度(ms) delay: 3000, // 轮播延迟(ms) direction: 'left', // 图片滑动方向 moniterKeyEvent: true, // 是否监听键盘事件 moniterTouchEvent: true // 是否监听屏幕滑动事件}// 实例化轮播组件类const lb = new Lb(options);// 启动轮播lb.start(); |
如果你的项目是使用VUE(2.x)编写的，请注册轮播组件 Lb.vue, 轮播组件的相关属性在组件的data属性中定义，然后在适当的地方使用该组件即可。
非常欢迎你对该插件进行修改或增强，使用过程中遇到任何问题请致信作者邮箱 zsimline@163.com
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： 完整的商城购物页面+个人中心
- 下一个特效： jQuery九宫格抽奖