慢慢展開再慢慢收起的javascript廣告效果

更新時(shí)間：2008年04月21日 09:01:11 作者：

在藍(lán)色理想論壇里看到了wuleying貼出的一段代碼，可以實(shí)現(xiàn)網(wǎng)易首頁(yè)頂部慢慢展開再慢慢收起的廣告效果，非常不錯(cuò)，轉(zhuǎn)過(guò)來(lái)與大家分享。

<!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   class="9dv1n9n"   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); //停留時(shí)間自己調(diào)了 } 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需再刷新一下頁(yè)面才能執(zhí)行]

您可能感興趣的文章:

相關(guān)文章

對(duì)聯(lián)廣告js flash激活
對(duì)聯(lián)廣告js flash激活...
2006-10-10
仿百度聯(lián)盟對(duì)聯(lián)廣告實(shí)現(xiàn)代碼
仿百度聯(lián)盟對(duì)聯(lián)廣告源代碼展示，主要使用現(xiàn)代瀏覽器都支持的position:fixed屬性，并專門針對(duì)ie6做了最大限度的兼容性處理
2014-08-08
javascript 24小時(shí)彈出一次的代碼(利用cookies)
其實(shí)主要是用在一些用戶比較反感的重復(fù)的廣告，例如彈出，或有點(diǎn)代碼需要24小時(shí)執(zhí)行一次，都可以用，腳本之家整理。
2009-09-09
從sohu弄下來(lái)的flash中展示圖片的代碼
從sohu弄下來(lái)的flash中展示圖片的代碼...
2007-04-04
js彈窗代碼可以指定彈出間隔
今天，一個(gè)小mm讓我?guī)退麑懸粋€(gè)彈窗代碼，要求可以設(shè)定間隔多長(zhǎng)時(shí)間彈出，很明顯，這需要用到j(luò)s的cookies。
2010-07-07
javascript 單行文字向上跑馬燈滾動(dòng)顯示
有時(shí)候我們需要在網(wǎng)站某個(gè)小角落或者顯著的位置加一條鏈接，但是當(dāng)同類鏈接越來(lái)越多的時(shí)候，我們就需要將鏈接滾動(dòng)顯示，這里的滾動(dòng)不是我們平常所說(shuō)公告欄滾動(dòng)效果，而是滾動(dòng)一行停留一段時(shí)間再滾動(dòng)下一行的看似一幀一幀切換的效果。
2009-08-08
float ad浮動(dòng)廣告代碼
float ad浮動(dòng)廣告代碼...
2007-01-01
慢慢展開再慢慢收起的javascript廣告效果
在藍(lán)色理想論壇里看到了wuleying貼出的一段代碼，可以實(shí)現(xiàn)網(wǎng)易首頁(yè)頂部慢慢展開再慢慢收起的廣告效果，非常不錯(cuò)，轉(zhuǎn)過(guò)來(lái)與大家分享。
2008-04-04
兼容多瀏覽器的JS 浮動(dòng)廣告[推薦]
很平滑自動(dòng)適應(yīng)屏幕分辨率的浮動(dòng)廣告效果，顯示在Flash之上，不被任何風(fēng)頁(yè)元素遮擋，同時(shí)可以支持多個(gè)圖片漂浮，速度和浮動(dòng)隨機(jī)位置都感覺(jué)不錯(cuò)。
2009-10-10
點(diǎn)擊下載鏈接彈出頁(yè)面實(shí)現(xiàn)代碼
點(diǎn)擊下載地址鏈接彈出頁(yè)面實(shí)現(xiàn)代碼，可以用來(lái)彈出廣告商的廣告。
2009-10-10