jquery实现九宫格大转盘抽奖

下面我们来分享一个九宫格抽奖特效

特效说明：

一款jQuery九宫格大转盘抽奖代码网页特效，点击抽奖按钮开始随机抽奖选择奖品，可设置起点位置、奖品数量、转动次数、中奖位置参数。(兼容测试：IE7及以上、火狐、镀铬、歌剧、Safari、360等主流浏览器)

HTML:

！-效果超文本标记语言开始- div id='彩票'表格边框='0 '单元格填充='0 '单元格间距='0'trtd类='彩票-单位彩票-单位-0 ' img src=' http : images/1。png '/tdtd类='彩票-单位彩票-单位-1 ' img src=' http : images/2。png '/tdtd类='彩票-单位彩票-单位-2 ' img src=' http 3360 images/4。png‘/部分

脚本类型=' text/JAVAScript ' src=' http : jquery-1。8 .3 .量滴js '/脚本脚本类型='text/javascript'var彩票={index:-1，//当前转动到哪个位置，起点位置count:0，//总共有多少个位置timer:0，//setTimeout的身份证，用clearTimeout清除speed:20，//初始转动速度times:0，//转动次数cycle:50，//转动基本次数：即至少需要转动多少次再进入抽奖环节prize:-1，//中奖位置init :函数(id){ if($("#"id).查找('。彩票-单位').长度0){ $彩票=$(“#”id)；$单位=$彩票. find ' .彩票单位');this.obj=$彩票；这个。计数=$单位。长度；$彩票. find ' .彩票单位this.index ).添加CLaSS(' active ')；};}，roll : function(){ var index=this。指数；var count=this.countvar彩票=this.obj$(彩票)。查找('。彩票单位索引)。移除CLaSS(' active ')；索引=1;if(索引计数-1){ index=0；};$(彩票)。查找('。彩票单位索引)。添加CLaSS(' active ')；this.index=index返回false}，停止：函数(索引){ this。奖品=指数；返回false } }函数roll(){彩票。次数=1；彩票。roll()；如果(彩票。乘以彩票。循环10彩票。奖品==彩票。索引){clearTimeout(彩票。计时器)；彩票。奖品=-1;彩票次数=0;click=false}else{if(彩票。时间运动。循环){ 0彩票。速度-=10；}else if(彩票。时间==彩票。循环){var index=Math.random()*(彩票。计数)| 0；彩票。奖品=指数；}else{if(彩票。乘以彩票。周期10((彩票。奖品==0彩票。指数==7) ||彩票。奖品==彩票。指数1)){彩票。速度=110;} else {彩票。=20}}if(彩票。速度40){ 0彩票。=40};//console.log(彩票。时代'^^^^^^'彩票。速度'^^^^^^^'彩票。奖品);彩票。定时器=setTimeout(滚动，彩票。速度)；}返回false} var click=falsewindow。onload=function(){ 0彩票。' init('彩票');$(' #彩票a ').click(function(){ if(click){ return false；} else {彩票。=100 roll()；点击=真返回false } })；};/scriptCSS部分

/* 效果半铸钢钢性铸铁(铸造半钢)开始*/#彩票{ width :574 pxh three :584 pxmargin 33600 px汽车；背景：url(./images/bg.jpg)不重复；padding:50px 55px } #抽奖表TD { width :142 pxh8 :142 px文本对齐：居中；垂直对齐：毫米；font-size :24 pxcolor : # 333 font-index :-999 } #彩票表TD a { width :284 pxh8 :284 px线高：150 px显示：块；文本装饰：无；} #抽奖表道明。活动{背景色： # ea 0000}/* 效果半铸钢钢性铸铁(铸造半钢)结束*/JS中可设置参数：

Index:-1，//当前旋转的位置，起点位置count:0，//总共有多少个位置Timer:0，SetTimeout的ID，用clearTimeout清除Speed336020，//初始转速Times 33600，//旋转次数Cycle 336050，//基本旋转次数。

最后给出了一个演示。