慢慢展开再慢慢收起的javascript广告效果

更新时间：2008年04月21日 09:01:11 作者：

在蓝色理想论坛里看到了wuleying贴出的一段代码，可以实现网易首页顶部慢慢展开再慢慢收起的广告效果，非常不错，转过来与大家分享。

<!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> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>脚本之家 效果代码</title> <style> *{margin:0;padding:0;} body {height:2000px;} #menu {     width:220px;     height:420px;     position:absolute;     z-index:1000;     background:url(/upload/20080421090108362.gif) repeat-x top left; } #menu_h {     float:right; } #menu_h img {     cursor:pointer; } #menu_c {     width:188px;     height:398px;     border:1px solid #666;     background:#ecf6f5;     margin:12px 0 0 5px; } #menu_c h2 {     text-align:center; } </style> </head> <body> <div id="ads" style="width:900px;height:300px;background:#369;margin:0 auto;"></div> <script type="text/javascript"> var time = 300; var h = 0; function addCount() {     if(time>0)     {         time--;         h = h+5;     }     else     {         return;     }     if(h>300)  //高度     {         return;     }     document.getElementById("ads").style.display = "";     document.getElementById("ads").style.height = h+"px";     setTimeout("addCount()",30); } window.onload = function showAds() {     addCount();     setTimeout("noneAds()",7000); //停留时间自己调了 } var T = 300; var N = 300; //高度 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> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

js可突破windows弹退效果代码
Windows XP 及 SP1-SP2和win2003下面弹退的代码
2008-08-08
对联广告js flash激活
对联广告js flash激活...
2006-10-10
云网广告中的代码，提示出错，大家找找
云网广告中的代码，提示出错，大家找找...
2006-11-11
可关闭与最小化的右下角浮动广告代码
可关闭或最小化的右下角浮动广告，非常实用啊，现在右下角广告还是比较多的，而且广告效果也还可以，除了用作广告，我们还可将右下角定义为网站广告显示、用户提醒等功能。
2010-09-09
超级退弹代码
比较不错的js退弹窗口代码，测试可以突破ie7
2008-07-07
左右两侧的广告代码简单
左右两侧的广告代码简单...
2006-06-06
用js实现的一个Flash滚动轮换显示图片代码生成器
用js实现的一个Flash滚动轮换显示图片代码生成器...
2007-03-03
提示广告代码
[蓝色]提示广告代码...
2006-11-11
点击文章内容处弹出页面代码
当阅读者点击文章内容处，即可弹出一个页面。具体的作用可以比弹出更好。
2009-10-10
javascript显弹效果代码增加了cookies控制
用javascript实现的显弹效果代码，主要结合了网上广告系统的效果代码，并由脚本之家站长增加了cookies控制效果
2008-05-05