JavaScript抽奖翻牌游戏/定义数组保存传入参数数组,避免操作传入数组/洗牌动作队列洗牌及翻牌效果

                    <div id="chanceTip" class="chanceTip middle">
                        <span>还剩余<i id="clickCount"></i>次翻牌机会</span>
                    </div>

                    <ul id="giftSlide">
                        <li class="gift1 giftButt"><img class="prizeImg" src="images/prizeImg/GameButt1.png" /><img class="prizeBg" src="images/prizeImg/back.png" /></li>
                        <li class="gift2 giftButt"><img class="prizeImg" src="images/prizeImg/GameButt2.png" /><img class="prizeBg" src="images/prizeImg/back.png" /></li>
                        <li class="gift3 giftButt"><img class="prizeImg" src="images/prizeImg/GameButt3.png" /><img class="prizeBg" src="images/prizeImg/back.png" /></li>                          
                        <li class="gift4 giftButt"><img class="prizeImg" src="images/prizeImg/GameButt6.png" /><img class="prizeBg" src="images/prizeImg/back.png" /></li>
                        <li class="gift5 giftButt"><img class="prizeImg" src="images/prizeImg/GameButt9.png" /><img class="prizeBg" src="images/prizeImg/back.png" /></li>
                        <li class="gift6 giftButt"><img class="prizeImg" src="images/prizeImg/GameButt8.png" /><img class="prizeBg" src="images/prizeImg/back.png" /></li>
                        <li class="gift7 giftButt"><img class="prizeImg" src="images/prizeImg/GameButt7.png" /><img class="prizeBg" src="images/prizeImg/back.png" /></li>
                        <li class="gift8 giftButt"><img class="prizeImg" src="images/prizeImg/GameButt4.png" /><img class="prizeBg" src="images/prizeImg/back.png" /></li>                          
                    </ul>
                </div>
            </div>

var list = [‘class1’,’class2’];
var randList = getEle(list, 2);
//翻牌操作
giftButt.on(‘click’,function(){  
        var _this =
(this);
if(_this.hasClass(‘giftButt’)){
if(!joinButt.hasClass(‘success’)){  
                //autoClose(
notjoinTip); //弹出并自动关闭未填写资料弹窗
alertShow(notjoinTip);// 未填写资料弹窗

        }
        else{
            if($isActive){
                if($time > 0){
                    $isActive = false;
                    $clickNum--;  //次数自减1传给后台
                $.ajax({
                    type:'get',
                        url:'winlist.txt',
                        dataType:'json',
                        data:{number:$clickNum,activityname:document.title},
                        success:function(result){
                            if(result.status == 1){
                                $time--;  //成功返回后前端次数自减1
                                $count.html($time);
                                _this.removeClass('giftButt');

                                //alertShow(receivetreeTip);//OK
                                if(_this.hasClass(randList[0])) {  //抽中黄金宝典
                                    $giftButt.removeClass(randList[0]);  //防止第二次翻牌再抽中黄金宝典

                                    /**判断ie浏览器的版本js**/
                                    if(window.addEventListener){ 
                                    Draw('images/prizeImg/GameButt2.png',_this);
                                    }else if(window.attachEvent){ 
                                        _this.find('.prizeBg').attr('src',"images/prizeImg/GameButt2.png");         
                                    //alert("is ie"); //在IE8及以下IE版本会弹出is ie结果
                                    }else{ 
                                    alert("请升级浏览器 ,否则你将无法参与,不支持DHTML的老版本浏览器! ") 
   
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值