简单易扩展可控性强的框架转盘抽奖程序

基于框架的爪哇岛描述语言转盘抽奖程序，可以自定义抽奖界面，奖品数量、图片等，可控制中奖的奖品，抽奖转盘转动的速度和圈数。

在实际使用中，应当把概率放到后台程序中运算，以保证安全性和产生中奖奖品的可控性

爪哇岛描述语言代码：

脚本类型='text/javascript'var index=1，//当前亮区位置prevIndex=14，//前一位置速度=300,//初始速度时间，//计时器arr_length=14，//奖池奖品数量EndIndex=1，//决定在哪一格变慢周期=0,//计算圈数EndCycle=3，//转动多少圈后停下flag=false，//结束转动标志random_num=1，//中奖的格子quick=0；//多少格后开始加速函数StartGame(){ $('#random_box li ').移除CLaSS(' random _ current ')；//产出随机中奖数1 - 14之间//在实际应用中，中奖数应通过埃阿斯从后台获得，以确保中奖概率的可控性random _ num=数学。地板(数学。随机()* 14 ^ 1)；//从第一格开始转动索引=1;//圈数计数器置0周期=0;flag=false//中奖格子前5格开始变慢if(random _ num 10){ EndIndex=random _ num-10；} else { EndIndex=random _ num arr _ length-10；}时间=设置间隔（星、速度);}函数Star(num){ //跑马灯变速if(flag==false){ //走五格开始加速if(quick==5){ clearInterval(时间);速度=50;时间=设定间隔（星、速度);} //跑指定圈数后开始减速if(周期==结束周期1索引-1==结束索引){ clearInterval(Time)；速度=300;//触发结束标志=真时间=设定间隔（星、速度);} } if(index arr _ length){ index=1；循环；} //结束转动并选中号码if(flag==true index==ParSeint(random _ num)){ quick=0；清除间隔（时间);} //设置当前选中样式$(“# random _”索引)。addCLaSS(' random _ current ')；if(index 1)prevendex=index-1；else { prevendex=arr _ length }//取消上次选择样式$(“# random _”prevendex).移除CLaSS(' random _ current ')；指数；快；}/scriptHTML代码：

div class=' box ' div class=' inbox ' ul id=' random _ box ' Li id=' random _ 1 ' img src=' http : images/img 01。gif/Li Li id=' random _ 2 ' img src=' http : images/img 02。gif '/李丽丽id=' http : images/ts。gif '/李丽丽id=' random _ 4 ' img src=' http我要抽奖/div/divCSS代码：

/* CSS文件权力由www.jb51.net*/body、p、ul、ol、li、img、div { margin:0划水：0;边界：李{列表式：无；}正文{ font-size :12 px字体系列Helvetica阿里亚尔：无衬线；文本对齐：居中；margin:0 auto}。box { padding:9px 0 0 11px宽度宽度：759像素宽度：611像素背景# cccmargin:20px汽车；}.收件箱{ width:751px高度：596 px位置：相对；} # random _ box Li {位置：绝对；宽度宽度：144px飞越：隐藏；高度：144pxborder:1px固体# c7c5ca背景# fff } # random _ box Li img { width :144 px；显示：块；高度：144px}。确定{显示：块宽度宽度：442磅重量：294磅背景技术# c 00 color : # ffffont-size :48 px；位置：绝对；top :149 pxleft :148 pxcursor :指针指针；文本对齐：居中；行高：280 px} # random _ 1 { left :0 top :0 } # random _ 2 { left :148 pxtop :0 } # random _ 3 { left :296 pxtop :0 } # random _ 4 { left :444 xtop :0 } # random _ 5 { left 3:592 pxtop :0 } # random _ 6 { left 33:0 }random _ current {边框：2 px纯红；}点击下载：简单易扩展可控性强的框架转盘抽奖程序

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，谢谢大家对我们的支持。如果你想了解更多相关内容请查看下面相关链接