Jquery 动画’特效 之——弹出小广告实例

    //延迟3秒之后  广告出来
        setTimeout(function(){
            $("#testDiv2").slideDown(1000,function(){
                //延迟5秒之后  广告隐藏
                test_timeOut_id = setTimeout(function(){
                    $("#testDiv2").slideUp(1000);
                },5000);
            });
        },3000);
        //关闭广告
        $("#close_div").click(function(){
            if(window.test_timeOut_id){
                //两秒淡入进去
                $("#testDiv2").fadeOut(2000);
               
            }
        });

 

 

 

 

<div
        style="background: yellow; width: 200px; height: 100px; bottom: 0px; position: absolute; right: 2px; display: none;"id="testDiv2">
        <a style="float: right;" href="javascript:;" id="close_div">x</a> 广告
    </div>

你可能感兴趣的:(jquery)