打开网页后定时显示大图片广告然后自动关闭

站内搜索

分类列表

本类阅读排行

本类推荐文章

作者： 日期：2008-9-18 13:06:15

打开网页后定时显示大图片广告然后自动关闭(1)

网页特效代码实例,打开网页后定时显示大图片广告然后自动关闭,一些门户比如163首页就有这种广告效果.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html XMLns="http://www.w3.org/1999/xhtml" > <head> <title>顶部展出的大幅广告</title> <script type="text/Javascript" language="javascript"> var time = 500; var h = 0; function addCount() { if(time>0) { time--; h = h+5; } else { return; } if(h>500) //高度 { return; } document.getElementById("ads").style.display = ""; document.getElementById("ads").style.height = h+"px"; setTimeout("addCount()",30); } window.onload = function showAds() { addCount(); setTimeout("noneAds()",7000); //停留时间自己适当调整 } </script> <script type="text/javascript" language="javascript"> var T = 500; var N = 500; //高度 function noneAds() { if(T>0) { T--; N = N-5; } else { return; } if(N<0) { document.getElementById("ads").style.display = "none"; return; } document.getElementById("ads").style.height = N+"px"; setTimeout("noneAds()",30); } </script> </head> <body> <div id="ads" style="margin:auto; display:none; width:900px; top:0px; height:0px; border:solid 1px #000; background-color:#fafafa; overflow:hidden; text-align:center;"> <a target="_blank" href="http://www.webjx.com">网页教学网地址：http://www.webjx.com</a> </div> <div style="margin:auto; width:900px; height:200px; border:solid 1px #000; background-color:#fafafa; text-align:center;"> 网站主体内容 </div> </body> </html>

（出处：部落中国）

上一篇: 用纯CSS样式实现的网页中圆角矩形代码
下一篇: 距离北京2008年奥运会开幕的倒记时特效

打开网页后定时显示大图片广告然后自动关闭相关文章

打开网页后定时显示大图片广告然后自动关闭相关软件

打开网页后定时显示大图片广告然后自动关闭评论

特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源：http://www.bulocn.com/