原生JavaScript九宫格抽奖插件

原生 JavaScript 的九宫格抽奖插件,挺轻量级的,适合做抽奖活动。它的优点就是体积小,直接通过 JS 就能实现,加载也挺快。你只要定义一些基本的参数,比如抽奖的元素类名前缀、循环次数、滚动速度,效果就能出来。它支持灵活的样式自定义,所以适应性也蛮强的。

使用起来简单,基本上只需要这几行代码:

var lottery = new Lottery({
  prefix: "lottery-unit",  // 抽奖元素类名前缀
  light: "lottery-light",  // 高亮样式
  loop: 5,  // 循环转圈次数
  speed: 50  // 初始滚动速度
});

lottery.Run(n, function() { // 回调函数 });

要注意的是,它的抽奖效果是跳转性抽奖,适合场景也比较明确。只要设置好回调函数,剩下的就交给它了。

如果你有个活动需要一个小巧的抽奖插件,倒是可以试试这个,毕竟它的实现比较简洁。只要用上它,肯定能提升一点用户体验,嗯,效果也挺不错的。

zip
Lottery-master.zip 预估大小:4个文件
folder
Lottery-master 文件夹
file
index.html 2KB
file
lottery.css 423B
file
plug.lottery.js 2KB
file
README.md 725B
zip 文件大小:2.93KB