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实现九宫格抽奖功能,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!
本文向大家介绍js实现九宫格抽奖,包括了js实现九宫格抽奖的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了js实现九宫格抽奖的具体代码,供大家参考,具体内容如下 CSS: js: 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。
本文向大家介绍原生JS实现九宫格抽奖,包括了原生JS实现九宫格抽奖的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了JS实现九宫格抽奖的具体代码,供大家参考,具体内容如下 上代码: CSS样式代码: JS代码: 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。
本文向大家介绍jquery实现九宫格大转盘抽奖,包括了jquery实现九宫格大转盘抽奖的使用技巧和注意事项,需要的朋友参考一下 下面我们来分享一个九宫格抽奖特效 特效说明: 一款jQuery九宫格大转盘抽奖代码网页特效,点击抽奖按钮开始随机抽奖选择奖品,可设置起点位置、奖品数量、转动次数、中奖位置参数。(兼容测试:IE7及以上、Firefox、Chrome、Opera、Safari、360等主流浏
本文向大家介绍jquery——九宫格大转盘抽奖实例,包括了jquery——九宫格大转盘抽奖实例的使用技巧和注意事项,需要的朋友参考一下 一、用到的图片 二、代码如下,重点是js部分 效果如下: 三、注意事项 1、抽奖过程说明 上面只是前端展示的效果。中奖物品通过一个随机数生成。 真正开发中中奖物品是通过向后端接口发送请求返回的。 2、兼容性说明 .mask开始如下,用的是rgba,但是IE8不兼
本文向大家介绍Android Studio 实现九宫格功能,包括了Android Studio 实现九宫格功能的使用技巧和注意事项,需要的朋友参考一下 运行结果 1.图 2.动图 九个图标是设置的,你也可以设置4 * 4 = 16都可以。 3.分享个GIF动图的.exe 链接: link. 代码activity_main.xml item.xml MainActivity.java 源代码程序包
本文向大家介绍Android打造流畅九宫格抽奖活动效果,包括了Android打造流畅九宫格抽奖活动效果的使用技巧和注意事项,需要的朋友参考一下 因为company项目中需要做九宫格抽奖活动,以前都没有做过类似的功能,虽然之前在浏览大神们的博客中,无意中也看到了好多关于抽奖的项目,但因为项目中没有需要,一直都没有点击进去看。这次不去看估计不行。直到公司计划要做抽奖功能,才迫不得已上网查找demo 网