jquery砸金蛋 高仿阿里旅游砸金蛋

jopen 9年前發布 | 2K 次閱讀 JavaScript jQuery

function zadan(obj) {

$(obj).children("span").hide();

eggClick($(obj));

};

function donghua() {

$("#hammer").animate({

    top : "150px",

    left : "420px"

}, 1000);

$("#hammer").animate({

    top : "110px",

    left : "455px"

}, 1000);



}

var dingshi = setInterval("donghua()", 2000);

var dansui = 1;

function eggClick(obj) {

if (dansui == 0) {

    alert("蛋都碎掉了");

    return;

}



$("#hammer").stop(true);

clearInterval(dingshi);

var _this = obj;



$(".hammer").css({

    "top" : "170px",

    "left" : "420px"

});

setTimeout(function () {

    _this.addClass("curr"); //蛋碎效果

    _this.find("sup").show(); //金花四濺

    $(".hammer").hide(); //隱藏錘子

    $('.resultTip').css({

        display : 'block',

        top : '280px',

        left : '315px',

        opacity : 0

    }).animate({

        top : '240px',

        opacity : 1

    }, 300, function () {

        dansui = 0;

        $("#result").html("恭喜,您中得" + rs.data.prize);



    })

}, 300);



}</pre>

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!