中文(繁体)
帶有滑動性質的全螢幕廣告特效,設定一定時間可以自動關閉。
<!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>滑動全螢幕廣告downcodes.com </title> <script type="text/javascript" language="javascript"> var intervalId = null; function slideAd(id,nStayTime,sState,nMaxHth,nMinHth){ this.stayTime=nStayTime*1000 || 3000; .maxHeigth=nMaxHth || 300; //廣告最大高度this.minHeigth=nMinHth || 1; this.state=sState || "down" ; var obj = document.getElementById(id); if(intervalId != null) window.clearInterval(intervalId); function openBox(){ var h = obj.offsetHeight; obj.style.height = ((this.state == "down") ? (h +5 ) : (h - 5))+ "px"; if(obj.offsetHeight>this.maxHeigth){ window.clearInterval(intervalId); intervalId=window.setInterval(closeBox,this.stayTime); } if (obj.offsetHeight<this.minHeigth){ Interwindow.clearvalval (intervalId); obj.style.display="none"; } } function closeBox(){ slideAd(id,this.stayTime,"up",nMaxHth,nMinHth); } intervalId = window.setInterval(openBox,2); } </script> </head> <body> <div id="slideAD" style="overflow: hidden; height: 0"> <div align="center"><a href="#"><img name ="AD" src="" width="778" height="300" alt="廣告內容downcodes.com" style="background-color: #FF6600; border:0;" /></a></ div> </div> <script type="text/javascript"> slideAd('slideAD',5); </script> <div style="background-color:#0CF; border-top:2px #3399CC solid; font-size:12px; text-align:center; padding:3px;">滑動全螢幕廣告downcodes.com</div> </body> </html>