基于爪哇岛描述语言实现九宫格大转盘效果

本文实例为大家分享了射流研究…实现幸运抽奖九宫格大转盘效果，供大家参考，具体内容如下

实现代码：

！DOCTYPE html html head meta charset=' utf-8 '标题九宫格大转盘/title style type=' text/CSS '/* reset */* { padd :0；margin:0 }车身{身高： 100%；宽度： 100%;font-size :12 pxcolor : # 333 } ul { list-style :无；}/*演示*/#彩票{宽度：400像素高度：400 px余量：20px自动0;位置：相对；} #彩票分区{宽度：100像素高度：100 pxtext-align :居中字号：24 pxcolor: # 333float:left} #彩票cent { background: # C33} #彩票。彩票-单位-0 {后台： # CC6} #彩票。彩票-单位-1 {背景： # F99} #彩票。抽奖-单元-2 {后台： # CC6} #彩票。彩票-单元-3 {背景： # F99} #彩票。彩票-单元-4 {后台： # CC6} #彩票。彩票-单元-5 {背景： # F99} #彩票。抽奖-单元-6 {后台： # CC6} #彩票。彩票-单元-7 {背景： # F99} #彩票。抽奖-单元-8 {后台： # CC6} #彩票。彩票-单位-9 {后台： # F99} #彩票。彩票-单位-10 {背景： # CC6} #彩票。彩票-单元-11 {背景： # F99} #抽奖div。选择{背景： # F0F} #彩票start { position : absolute eleft :100 pxtop :100 px高度：200 px宽度宽度：200像素背景技术# c33 font-size :30 px；文本对齐：居中；光标：指针指针；行高：200 pxcolor: # fff}/款式/款式/床头柜！-九宫格大转盘- div id='彩票' div class='彩票-单位彩票-单位' div class='彩票-单位彩票-单位' div class='彩票-单位彩票-单位' div class='彩票-单位彩票-单位' div class='彩票-单位彩票-单位-11 ' 12/div class=' cent '/div class=' cent '/div class='彩票-单位彩票-单位' div class='彩票抽奖/div/div/body脚本类型=' text/JavaScript ' src=' http :http://apps。bdimg。com/libs/jquery/2。1 .4/jquery。量滴js/script脚本类型=' text/JavaScript ' $(function(){//九宫格大转盘定义变量计数=3;//可用次数var i=null/初始位置，变化速度=80;//转动速度var ok=null/产生0-11的整数，标记中奖位置定义变量计数=null/总变化次数var nowcount=null/当前的变化位置var n=5；//圈数var play=false var xq=0；函数dong(){//利用递归模拟设置时间间隔的实现if(nowcountcount){ setTimeout(function(){ play=false；警报('恭喜你，中了"评估（正常)"等奖');},500);} else {现在计数=1；if(i10){ xq=1；if(xq==n-1){ 0速度=300;};$('.彩票单位')。移除CLaSS(' select ')；$('.彩票单元11 . add CLaSS(' select ')；I=0；}else{ $(' .彩票单位')。移除CLaSS(' select ')；$('.彩票单元添加CLaSS(' select ')；I=1；};setTimeout(咚，速度);};};$('.开始')。单击(function(){ if(！播放){ if(计数==0){ alert('已经没有机会，下次再来!');} else { ok=数学。floor((数学。random()* 12))；//产生0-11的整数，标记中奖位置计数=n * 12 ok//总变化次数现在计数=0；//当前的变化位置I=0；//初始位置，play=true count-=1；dong()；};} else { })；});/script/html

以上就是本文的全部内容，希望对大家学习爪哇岛描述语言程序设计有所帮助。