jQuery+css3手机端扭蛋机积分抽奖代码免费下载

jQuery+css3手机端扭蛋机积分抽奖代码,适用于手机微信移动端的积分抽奖代码,抽奖一次减到相应积分。

JS代码

<script> 
$(document).ready(function(e) { 
    //一等奖 关闭 
    $("#jianpin_one em img").click(function(){ 
        $("#jianpin_one").hide(); 
        } 
    );         
    //二等奖 关闭 
    $("#jianpin_two em img").click(function(){ 
        $("#jianpin_two").hide(); 
        } 
    );         
    //三等奖 关闭 
    $("#jianpin_three em img").click(function(){ 
        $("#jianpin_three").hide(); 
        } 
    );             
    //没有中奖 关闭 
    $("#jianpin_kong em img").click(function(){ 
        $("#jianpin_kong").hide(); 
        } 
    );             
    //积分不足 关闭 
    $("#no_jifeng em img").click(function(){ 
        $("#no_jifeng").hide(); 
        } 
    );         
         
var score=470; 
$(".wdjifen").html(score); 
 
 
$(".game_go").click(function(){ 
    score-=100; 
        if(score<0){ 
            for(i=1;i<=11;i++){ 
                $(".qiu_"+i).removeClass("wieyi_"+i); 
            } 
            $("#no_jifeng").show(); 
            }else{ 
                draw() 
                } 
        }); 
     
     
function draw(){ 
    var number =Math.floor(4*Math.random()+1);   
 
    for(i=1;i<=11;i++){ 
            $(".qiu_"+i).removeClass("diaol_"+i); 
            $(".qiu_"+i).addClass("wieyi_"+i); 
        }; 
             
    setTimeout(function (){ 
        for(i=1;i<=11;i++){ 
        $(".qiu_"+i).removeClass("wieyi_"+i); 
        } 
    },1100);     
    setTimeout(function(){ 
        switch(number){ 
            case 1:$(".zjdl").children("span").addClass("diaL_one");break; 
            case 2:$(".zjdl").children("span").addClass("diaL_two");break; 
            case 3:$(".zjdl").children("span").addClass("diaL_three");break; 
            case 4:$(".zjdl").children("span").addClass("diaL_four");break; 
        } 
        $(".zjdl").removeClass("none").addClass("dila_Y"); 
                setTimeout(function (){ 
                switch(number){ 
                    case 1:$("#jianpin_one").show();break; 
                    case 2:$("#jianpin_two").show();break; 
                    case 3:$("#jianpin_three").show();break; 
                    case 4:$("#jianpin_kong").show();break; 
                } 
            },900); 
        },1100) 
     
    //取消动画 
    setTimeout(function (){ 
            $(".zjdl").addClass("none").removeClass("dila_Y"); 
            $(".wdjifen").html(score); 
            $(".zjdl").children("span").removeAttr('class'); 
             
        },2500) 
             
}     
}); 
</script>
恭喜,此资源为免费资源,请先
本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
打赏
下载价格:免费
下载说明:本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
0

评论0

请先

没有账号? 忘记密码?

社交账号快速登录