jquery九宫格抽奖转盘插件lottery这款作品是在csdn上发现的,刚好在jquery学堂群看到网友问这类型的作品,下载之后觉得很好就把它整理出来分享给大家了。
jquery插件更新日志:
lottery v1.0.3:
调整插件的方法命名,以及各个方法中对插件本身的引用。新增4X3样式的Demo页面,并给每个Demo页面配置相应的可定制参数,方便使用者更快上手。
lottery v1.0.2:
插件不再依赖具体的html标签,改用className来检索标签,更为灵活。核心class:lottery-group、lottery-unit
lottery v1.0.1:
新增中奖号自定义功能:可通过用户自行定义,也可以通过后台算法获取;
新增启用和禁用抽奖事件,对抽奖流程做了一定的规范;
新增转盘滚动前事件:beforeRoll,并支持用户追加操作;
lottery v1.0.0:
默认配置为4*4的转盘,如有需要,可自行配置width和height,不过需要注意的是:Html结构要保证与您的配置相匹配。谢谢!
PS: 有兴趣的可以关注作者的新浪微博:blacksnail2015
页面初始化jquery代码如下:
window.onload = function () {
lottery.lottery({
selector: '#lottery',
width: 3,
height: 3,
index: 0, // 初始位置
initSpeed: 500, // 初始转动速度
// upStep: 50, // 加速滚动步长
// upMax: 50, // 速度上限
// downStep: 30, // 减速滚动步长
// downMax: 500, // 减速上限
// waiting: 5000, // 匀速转动时长
beforeRoll: function () { // 重写滚动前事件:beforeRoll
// console.log(this);
// alert(1);
}
});
}
效果如下:
如果您觉得本作品对您的学习有所帮助:
关键字:
九宫格抽奖 lottery jquery九宫格 jquery抽奖 圆盘抽奖 抽奖特效