可以展開、收縮的頂部滑動(dòng)廣告

2024-09-05 12:22:36

字體：大中小

供稿：網(wǎng)友

可以展開、收縮的網(wǎng)頁頂部滑動(dòng)廣告代碼，JavaScript實(shí)現(xiàn)。當(dāng)打開網(wǎng)頁的時(shí)候，它會自動(dòng)慢慢展開，停留幾秒鐘后就自動(dòng)慢慢收縮消失。在一些門戶網(wǎng)站我們會看到這種廣告效果。

<!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>可以展開、收縮的頂部滑動(dòng)廣告</title><meta http-equiv="content-type" content="text/html;charset=gb2312"><style type="text/css">body{margin:0;}</style><script type="text/javascript"> var intervalId = null; function slideAd(id,nStayTime,sState,nMaxHth,nMinHth){   this.stayTime=nStayTime*1000 || 3000;   this.maxHeigth=nMaxHth || 90;   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 + 2) : (h - 2))+"px";     if(obj.offsetHeight>this.maxHeigth){     window.clearInterval(intervalId);     intervalId=window.setInterval(closeBox,this.stayTime);     }     if (obj.offsetHeight<this.minHeigth){     window.clearInterval(intervalId);     obj.style.display="none";     }   }   function closeBox(){    slideAd(id,this.stayTime,"up",nMaxHth,nMinHth);   }   intervalId = window.setInterval(openBox,10); } </script> </head><body><div   class="iwvjtn8m0"   id="MyMoveAd" style="background:skyblue;height:12px;text-align:center;overflow:hidden;">這里放廣告內(nèi)容哦！</div><script type="text/javascript">  </script></body></html>

上一篇：對聯(lián)廣告代碼

下一篇：浮動(dòng)在網(wǎng)頁右側(cè)的簡潔QQ在線客服