慢慢展开再慢慢收起的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 flash激活
对联广告js flash激活...
2006-10-10
仿百度联盟对联广告实现代码
仿百度联盟对联广告源代码展示，主要使用现代浏览器都支持的position:fixed属性，并专门针对ie6做了最大限度的兼容性处理
2014-08-08
javascript 24小时弹出一次的代码(利用cookies)
其实主要是用在一些用户比较反感的重复的广告，例如弹出，或有点代码需要24小时执行一次，都可以用，脚本之家整理。
2009-09-09
从sohu弄下来的flash中展示图片的代码
从sohu弄下来的flash中展示图片的代码...
2007-04-04
js弹窗代码可以指定弹出间隔
今天，一个小mm让我帮他写一个弹窗代码，要求可以设定间隔多长时间弹出，很明显，这需要用到js的cookies。
2010-07-07
javascript 单行文字向上跑马灯滚动显示
有时候我们需要在网站某个小角落或者显著的位置加一条链接，但是当同类链接越来越多的时候，我们就需要将链接滚动显示，这里的滚动不是我们平常所说公告栏滚动效果，而是滚动一行停留一段时间再滚动下一行的看似一帧一帧切换的效果。
2009-08-08
float ad浮动广告代码
float ad浮动广告代码...
2007-01-01
慢慢展开再慢慢收起的javascript广告效果
在蓝色理想论坛里看到了wuleying贴出的一段代码，可以实现网易首页顶部慢慢展开再慢慢收起的广告效果，非常不错，转过来与大家分享。
2008-04-04
兼容多浏览器的JS 浮动广告[推荐]
很平滑自动适应屏幕分辨率的浮动广告效果，显示在Flash之上，不被任何风页元素遮挡，同时可以支持多个图片漂浮，速度和浮动随机位置都感觉不错。
2009-10-10
点击下载链接弹出页面实现代码
点击下载地址链接弹出页面实现代码，可以用来弹出广告商的广告。
2009-10-10

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

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具