自动展出到首屏，并在几秒后自动关闭的广告代码

作者:刚子日期:2009-06-29

字体大小: 小中大

这个广告的效果是相当的不错，各位可以先运行下看看效果，可以转换成JS来调用也可以直接放到HTML中。

HTML代码

<html>
<body>
<div id="f_ad" style="width:60;height:60;border:1px solid #cccccc;padding:2px;position:absolute; "> 
<b><span id="ad_lt" style="color:#FF6666;font-size:14px;height:20px"></b></span>
<iframe src=http://www.654.la height=200 width=200 marginheight=0 marginwidth=0 frameborder=0 scrolling=no></iframe></div>
<script>
var ad_w=210;
var ad_h=200;
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=7;
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>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

[本日志由刚子于 2009-06-29 04:38 PM 编辑]

文章来自: 本站原创

引用通告: 查看所有引用 | 我要引用此文章

Tags:

评论: 0 | 引用: 0 | 查看次数: -

发表评论

昵　称:
密　码:	游客发言不需要密码.
内　容:	正在加载编辑器...
验证码:
选　项:	禁止表情转换禁止自动转换链接禁止自动转换关键字

虽然发表评论不用注册，但是为了保护您的发言权，建议您注册帐号.

自动展出到首屏，并在几秒后自动关闭的广告代码

作者:刚子 日期:2009-06-29

作者:刚子日期:2009-06-29