时间:2021-05-26
php+lottery.js制作九宫格抽奖实例,本抽奖功能效果表现好,定制方便简单,新手学习跟直接拿来用都非常不错,兼容IE、火狐、谷歌等浏览器。
引入抽奖插件lottery.js
<script type="text/javascript" src="js/lottery.js"></script>开始抽奖函数start_lottery()
function start_lottery(){ if(flag){ //alert('正在抽奖,请等待抽奖结果!'); //return false; return void(0); } flag=true; index = 1; //当前选中对象的位置 fast = rand(3,6); //在哪个位置开始加速 cycle = rand(3,5); //转动多少圈 speed = 300; //开始时速度 $.ajax({ url: 'lottery.php', type: "post", data:null, dataType: "json", timeout: 20000, cache: false, beforeSend: function(){// 提交之前 }, error: function(){//出错 flag=false; }, success: function(res){//成功 if(typeof(res.award_id)!='undefined'){ lucky = res.award_id; //中奖号码 award = res.award_name; //奖品名称 show_lottery(); }else{ flag=false; alert(res.err); } } }); }PHP里奖品配置
//奖品配置 $award = array( // 奖品ID => array('奖品名称',概率) 1 => array('悟空公仔',0.1), 2 => array('小乖虎公仔',0.1), 3 => array('神秘大礼包',0.1), 4 => array('智能游戏手柄',0.1), 5 => array('小角鹿公仔',0.1), 6 => array('豆蛙抱枕',0.1), 7 => array('游戏耳机',0.2), 8 => array('雷蛇键盘',0.2), ); $r =rand(1,100);总结
以上所述是小编给大家介绍的php+lottery.js实现九宫格抽奖功能,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例为大家分享了js实现幸运抽奖九宫格大转盘效果,供大家参考,具体内容如下实现代码:九宫格大转盘*{padding:0;margin:0}
一、用到的素材二、代码如下,重点是js部分jQuery九宫格大转盘抽奖#lottery{width:570px;height:510px;margin:0pxa
一、用到的图片二、代码如下,重点是js部分jQuery九宫格大转盘抽奖#lottery{width:570px;height:510px;margin:0pxa
本文实例为大家分享了vue组件实现移动端九宫格转盘抽奖的具体代码,供大家参考,具体内容如下vue-lucky-draw移动端九宫格转盘抽奖vue组件,中奖的奖品
很多朋友在问为什么ipadmini升级ios7没有九宫格呢?小编也觉得纳闷,ios7新增了九宫格功能,但是ipadmini升级ios7之后却找不到九宫格输入