8顶

网页顶部展出并自动收缩的大幅广告代码

稿源：互联网 2022-04-24 16:24:36 点击： 8044 撤稿纠错

网页顶部展出并自动收缩的大幅广告代码，就像网易首页一样效果。

以下讨论的是和特效相关的网页顶部展出并自动收缩的大幅广告代码教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<!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>顶部展出的大幅广告-仿163网站</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> <form id="form1" runat="server"> <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;"> <img src="http://img.alixixi.com/new2009.jpg" width="900" height="500" alt="" /> </div> <div style="margin:auto; width:900px; height:200px; border:solid 1px #000; background-color:#fafafa; text-align:center;"> 网站主体内容 </div> </form> </body> </html> <a href="http://js.alixixi.com/">欢迎访问阿里西西网页特效代码站，js.alixixi.com</a>

关于网页顶部展出并自动收缩的大幅广告代码的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/200903241112.shtml方便下次再访问哦。

·上一篇： 图片自动播放效果
·下一篇： 透明的层效果

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

网页顶部展出并自动收缩的大幅广告代码

文章分类LIST >>返回首页

最新游戏

最新新闻