热门关键字:
jquery > jquery插件 > jquery圆盘抽奖 > jquery九宫格抽奖转盘插件lottery

jquery九宫格抽奖转盘插件lottery

32601
所属分类:jquery圆盘抽奖
发布时间:2015/7/7 22:52:10
下载量:3462
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Detail.aspx?id=495

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);
		}
	});
}

效果如下:

jquery九宫格抽奖转盘插件lottery






如果您觉得本作品对您的学习有所帮助:支付鼓励



关键字:九宫格抽奖 lottery jquery九宫格 jquery抽奖 圆盘抽奖 抽奖特效
  • jquery九宫格抽奖转盘插件lottery如果你喜欢学院的资源就下载吧,亲,谢谢!
  • jquery九宫格抽奖转盘插件lottery
  • jquery九宫格抽奖转盘插件lottery
  • 提示:如果网络问题无法下载,请多尝试几次,与 网站管理员联系 或 本站留言 !

声明: 本站内容均为网友原创或整理于互联网,版权归作品最初创作人,转载请注明(出处)原文链接,转载前请邮件至磐temdy@qq.com,一旦发现造成侵权行为,后果自负。。

友荐云推荐