PHP+Ajax+js抽奖整个流程代码_抽奖

本文通过PHP实现了抽奖转动,收货地址添加和错误提示等特效。你可以在ajax.php设置中奖概率,addr.php设置收货地址。

查看演示下载资源：0次

手机扫码访问：

下载资源下载积分：250分

　　奖品列表

          <div class="lottery_list clearfix" id="lottery"> 
        <ul> 
            <li class="lottery-unit lottery-unit-0 lottery-1"><img src="images/1.png"></li> 
            <li class="lottery-unit lottery-unit-1 lottery-2"><img src="images/2.png"></li> 
            <li class="lottery-unit lottery-unit-2 lottery-3"><img src="images/3.png"></li> 
            <li class="lottery-unit lottery-unit-7 lottery-4"><img src="images/4.png"></li> 
     
            <li><a href="javascript:void(0);"><img src="images/middle.jpg"></a></li> 
     
            <li class="lottery-unit lottery-unit-3 lottery-5"><img src="images/5.png"></li> 
            <li class="lottery-unit lottery-unit-6 lottery-6"><img src="images/6.png"></li> 
            <li class="lottery-unit lottery-unit-5 lottery-7"><img src="images/7.png"></li> 
            <li class="lottery-unit lottery-unit-4 lottery-8"><img src="images/8.png"></li> 
        </ul> 
    </div>

　　Ajax抽奖

$.post("ajax.php", function(data) { //获取奖品，也可以在这里判断是否登陆状态 
        if (data.prize_id != '' && data.prize_id != undefined) { 
            var prize_site = $(".lottery-" + data.prize_id).attr("data-ord"); 
            $("#lottery").attr("prize_site", prize_site); 
            $("#lottery").attr("prize_id", data.prize_id); 
            $("#lottery").attr("prize_name", data.prize_name); 
            $("#lottery").attr("prize_pic", data.prize_pic); 
            if (data.code == 200) { 
                $("#lottery").attr("contact_name", data.contact_name); 
                $("#lottery").attr("contact_mobile", data.contact_mobile); 
                $("#lottery").attr("contact_addr", data.contact_addr); 
            } 
            roll(); 
            click = true; 
            return false; 
        } else { 
            showLotteryTip(data.error); 
        } 
     
}, "json")