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);
		}
	});
}
效果如下:
	 
	
   
                    
                    	
                    	    
                    	 
    如果您觉得本作品对您的学习有所帮助:
    	
                    	   
                    	   关键字:
网友姚航 文字特效 自动补全 标签自动完成 关键字 实用特效