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

本文主要是介绍记录立邦商城母亲节浇花js效果，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

$(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);        
    }
});

这篇关于记录立邦商城母亲节浇花js效果的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---