中文(繁体)
網頁特效程式碼實例,開啟網頁後定時顯示大圖片廣告然後自動關閉,一些門戶例如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.downcodes.com">建站學院地址：http://www.downcodes.com</a> </div> <div style="margin:auto; width:900px; height:200px; border:solid 1px #000; background-color:#fafafa; text-align:center;"> 網站主體內容</div> </body> </html>
