头像

PHP九宫格抽奖源码示例

来源:http://www.sucaihuo.com/php/724.html 素材火管理员 2016-01-31 18:43浏览(3621) 收藏

此九宫格抽奖效果使用纯JS制作,兼容IE、火狐、谷歌等浏览器,效果表现好,定制自由度高,值得推荐。而且PHP抽奖已写好,直接拿来用。
PHP九宫格抽奖源码示例
分类:PHP > 抽奖 难易:中级

程序员,你不是一个人;网站开发QQ群:436471830,在线充值,或联系QQ416148489直接充值

查看演示 下载资源: 83 下载资源 下载积分: 126 积分

引入抽奖插件lottery.js

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

九宫格图片

<ul id="lottery">
    <li id="lottery_1"><img src="images/j_1.jpg" width="185" height="90" alt="悟空公仔" /></li>
    <li id="lottery_2"><img src="images/j_2.jpg" width="185" height="90" alt="小乖虎公仔" /></li>
    <li id="lottery_3"><img src="images/j_3.jpg" width="185" height="90" alt="神秘大礼包" /></li>
    <li id="lottery_8"><img src="images/j_4.jpg" width="185" height="90" alt="" /></li>
    <li><a href="javascript:void(0);" onclick="start_lottery();"><img src="images/j_but.jpg" width="185" height="90" alt="开始抽奖" /></a></li>
    <li id="lottery_4"><img src="images/j_5.jpg" width="185" height="90" alt="智能游戏手柄" /></li>
    <li id="lottery_7"><img src="images/j_6.jpg" width="185" height="90" alt="游戏耳机" /></li>
    <li id="lottery_6"><img src="images/j_7.jpg" width="185" height="90" alt="豆蛙抱枕" /></li>
    <li id="lottery_5"><img src="images/j_8.jpg" width="185" height="90" alt="小角鹿公仔" /></li>
</ul>

开始抽奖函数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);
评论23
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 416148489

  • 头像 22楼
    06-09 08:44
    易风***Cn
    可以后台设置中奖概率和只有会员有购买记录才可以抽奖吗
  • 头像 21楼
    04-28 14:02
    hm***10
    这个有中奖信息存储功能吗
  • 头像 20楼
    02-05 00:45
    11***om
    下载下来看看,这个效果很不错
  • 头像 19楼
    12-17 19:10
    君***下
    下载下来用用,简单明了
  • 头像 18楼
    06-08 16:46
    Ω小***/~
    这个下载下来可以用不
  • 头像 17楼
    04-27 16:51
    不***火
    代码写的简洁明了
  • 头像 16楼
    03-26 14:03
    dh***sa
    挺好看的
  • 头像 15楼
    02-13 17:30
    独占***23
    看着挺好的
  • 头像 14楼
    12-23 00:02
    xi***14
    不知道能否设置中奖概率,能带后台的话更好了!
  • 头像 13楼
    12-07 20:18
    26***om
    好像不带数据库吧
1 2