当前位置:首页 > PHP教程 > php应用 > 列表

php+lottery.js实现九宫格抽奖功能

发布:smiling 来源: PHP粉丝网  添加日期:2021-12-06 16:36:19 浏览: 评论:0 

这篇文章主要介绍了php+lottery.js制作九宫格抽奖实例,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下。

php+lottery.js制作九宫格抽奖实例,本抽奖功能效果表现好,定制方便简单,新手学习跟直接拿来用都非常不错,兼容IE、火狐、谷歌等浏览器。

php+lottery js php九宫格抽奖

引入抽奖插件lottery.js

<script type="text/javascript" src="js/lottery.js"></script>

开始抽奖函数start_lottery()

  1. function start_lottery(){  
  2.    if(flag){  
  3.      //alert('正在抽奖,请等待抽奖结果!');  
  4.      //return false;  
  5.      return void(0);  
  6.    }  
  7.   flag=true;  
  8.    index = 1;       //当前选中对象的位置  
  9.    fast = rand(3,6);   //在哪个位置开始加速  
  10.    cycle = rand(3,5);   //转动多少圈  
  11.    speed = 300;      //开始时速度  
  12.    $.ajax({  
  13.      url: 'lottery.php',  
  14.      type: "post",  
  15.      data:null,  
  16.      dataType: "json",  
  17.      timeout: 20000,  
  18.      cache: false,  
  19.      beforeSend: function(){// 提交之前  
  20.      },  
  21.      error: function(){//出错  
  22.        flag=false;  
  23.      },  
  24.      success: function(res){//成功  
  25.        if(typeof(res.award_id)!='undefined'){  
  26.          lucky = res.award_id;  //中奖号码  
  27.          award = res.award_name; //奖品名称  
  28.          show_lottery();  
  29.        }else{  
  30.          flag=false;  
  31.          alert(res.err);  
  32.        }  
  33.      }  
  34.    });  
  35.  } 

PHP里奖品配置

  1. //奖品配置  
  2.  $award = array(  
  3.    // 奖品ID => array('奖品名称',概率)  
  4.    1 => array('悟空公仔',0.1),  
  5.    2 => array('小乖虎公仔',0.1),  
  6.    3 => array('神秘大礼包',0.1),  
  7.    4 => array('智能游戏手柄',0.1),  
  8.    5 => array('小角鹿公仔',0.1),  
  9.    6 => array('豆蛙抱枕',0.1),  
  10.    7 => array('游戏耳机',0.2),  
  11.    8 => array('雷蛇键盘',0.2),  
  12.  );  
  13.  $r =rand(1,100);

Tags: php+lottery js php九宫格抽奖

分享到: