当前位置：特效代码站 > 广告特效 > 正文

会自动关闭的漂浮ad窗口

来源：www.texiao.org.cn作者：佚名时间：08-02-19 点击：

<html>
<body>
<div id="f_ad" style="width:60;height:60;border:1px solid #cccccc;padding:2px;position:absolute; "> 
<span id="ad_lt" style="color:#666666;font-size:14px;height:20px"></span>
<input type="button" value="×" style="font-size:14px;height:20px;width:20px;color:#666666;font-weight:bold;" title="关闭窗口"; onclick="ad_t2=ad_t2+ad_t3"></input>
<a target=_blank  href=http://www.texiao.org.cn><img border=0 src=http://www.texiao.org.cn/UploadFile/200802/19/64164241406.jpg width=100% height=95%></a></div>
<script>
var ad_w=300;
var ad_h=250;
var ad_l=(document.body.clientWidth-ad_w)/2;
var ad_t=(document.body.clientHeight-ad_h)/2;
var ad_ft=1;   //过渡时间
var ad_step=50;
var ad_time=10;
var ad_t1=ad_ft*1000/ad_step;
var ad_t2=60;
var ad_t3=(ad_w-ad_t2)*ad_time/ad_ft+ad_w;
var ad_t4=0;
var ad_t5=ad_time;
var ad_t6=ad_t2;
function flashad(){
  if(ad_l<0||ad_t<0){ad_t2+=ad_t3;}
  if(ad_t2>=ad_t3){
         ad_t5=0;
         if(ad_t4>ad_t6){ad_t4-=(ad_w-ad_t6)/ad_t1;}
         else{clearTimeout(ad_timer);
         f_ad.style.display="none";
         return;}
         }
 if(ad_t2<=ad_w){ad_t4=ad_t2;ad_t5=ad_time;}
 if(ad_t2>ad_w&&ad_t2<ad_t3){ad_t5=Math.floor(ad_time-(ad_t2-ad_w)/(ad_w-ad_t6)*ad_ft);}
 ad_t2+=(ad_w-ad_t6)/ad_t1;
 f_ad.style.width=ad_t4;
 f_ad.style.height=(ad_t6*ad_h/ad_w)+(ad_t4-ad_t6)*(ad_h-ad_t6*ad_h/ad_w)/(ad_w-ad_t6);
 f_ad.style.left=(ad_t4-ad_t6)*ad_l/(ad_w-ad_t6)+document.body.scrollLeft;
 f_ad.style.top=(ad_t4-ad_t6)*ad_t/(ad_w-ad_t6)+document.body.scrollTop;
 ad_lt.style.width=ad_t4-28;
 ad_lt.innerText=ad_t5+"秒后自动关闭";
 
 var ad_timer=setTimeout("flashad()",ad_step);
}
flashad();
</script>

</body></html>
特效代码站提供 www.texiao.org.cn

[标签: 自动关闭, 漂浮ad窗口, 特效代码] [打印] [关闭]

上一篇：随导航条移动的广告特效下一篇：如何使广告进行文字环绕

当前位置：特效代码站 > 广告特效 > 正文

会自动关闭的漂浮ad窗口

本类最新

本类热门

相关代码

经典推荐

热门关注