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

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

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

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

引入抽奖插件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);