您的位置:首页 > Web前端 > JavaScript

记录立邦商城母亲节浇花js效果

2015-06-02 16:24 639 查看
$(document).ready(function(){

window.active = false;

$(".mothersday_button").click(function(){//开始浇花

active = true;

$(".mothersday_button").hide();

$(".mothersday_flower").removeClass("cursor_change").addClass("cursor"); //水壶初始状态

return false;

});

$(".mothersday_flower").mousedown(function(){ //水壶倒水状态

if( !active ) return;

$(this).removeClass("cursor").addClass("cursor_change");

});

$(".mothersday_flower").mouseup(function(){//水壶回到初始状态

if( !active ) return;

setTimeout(function(){

$(".mothersday_flower").removeClass("cursor_change").addClass("cursor");

}, 100);

var test = setTimeout(function(){

showtime(); //4秒后,花开

},1500);

});

$(".get_coupon img").click(function(){ //弹框

$(".get_coupon").remove();

});;

window.showtime = function(){

$(".success").fadeIn();

setTimeout(function(){

$(".success").remove();

}, 800);

$(".mothersday_flower").unbind("mousedown").unbind("mouseup");

$(".mothersday_flower").removeClass("cursor").removeClass("cursor_change");

$(".mothersday_flower").css('background','url(./images/index/kv/mothersday_flower_change.png)');

setTimeout(function(){

$(".get_coupon").fadeIn();

}, 1500);

}

});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: