怎么php+lottery.js制作九宮格抽獎程序

本篇內容主要講解“怎么php+lottery.js制作九宮格抽獎程序”，感興趣的朋友不妨來(lái)看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強。下面就讓小編來(lái)帶大家學(xué)習“怎么php+lottery.js制作九宮格抽獎程序”吧!

php+lottery.js制作九宮格抽獎實(shí)例，本抽獎功能效果表現好，定制方便簡(jiǎn)單，新手學(xué)習跟直接拿來(lái)用都非常不錯，兼容IE、火狐、谷歌等瀏覽器。

引入抽獎插件lottery.js

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

開(kāi)始抽獎函數start_lottery()

function start_lottery(){ 
    if(flag){ 
        //alert('正在抽獎，請等待抽獎結果！'); 
        //return false; 
        return void(0); 
    } 
    flag=true; 
    index = 1;              //當前選中對象的位置 
    fast  = rand(3,6);      //在哪個(gè)位置開(kāi)始加速 
    cycle = rand(3,5);      //轉動(dòng)多少圈 
    speed = 300;            //開(kāi)始時(shí)速度 
 
    $.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;  //獎品名稱(chēng) 
                show_lottery(); 
            }else{ 
                flag=false; 
                alert(res.err); 
            } 
        } 
    }); 
}

PHP里獎品配置

//獎品配置 
$award = array( 
    // 獎品ID => array('獎品名稱(chēng)',概率) 
    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('雷蛇鍵盤(pán)',0.2), 
); 
 
$r =rand(1,100);