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>
