原生JavaScript九宫格抽奖插件
原生 JavaScript 的九宫格抽奖插件,挺轻量级的,适合做抽奖活动。它的优点就是体积小,直接通过 JS 就能实现,加载也挺快。你只要定义一些基本的参数,比如抽奖的元素类名前缀、循环次数、滚动速度,效果就能出来。它支持灵活的样式自定义,所以适应性也蛮强的。
使用起来简单,基本上只需要这几行代码:
var lottery = new Lottery({
prefix: "lottery-unit", // 抽奖元素类名前缀
light: "lottery-light", // 高亮样式
loop: 5, // 循环转圈次数
speed: 50 // 初始滚动速度
});
lottery.Run(n, function() {
// 回调函数
});
要注意的是,它的抽奖效果是跳转性抽奖,适合场景也比较明确。只要设置好回调函数,剩下的就交给它了。
如果你有个活动需要一个小巧的抽奖插件,倒是可以试试这个,毕竟它的实现比较简洁。只要用上它,肯定能提升一点用户体验,嗯,效果也挺不错的。
Lottery-master.zip
预估大小:4个文件
Lottery-master
文件夹
index.html
2KB
lottery.css
423B
plug.lottery.js
2KB
README.md
725B
2.93KB
文件大小:
评论区