滑動展開后再收縮起來的廣告代碼

2024-09-05 12:22:40

字體：大中小

供稿：網(wǎng)友

一款基于 JS的滑動導(dǎo)航，擴(kuò)展成廣告代碼還是不錯的，打開網(wǎng)頁后自動展開，自定義時間用完再重新收縮起來，具體的細(xì)節(jié)請自己再研究一下。

<!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" lang="gb2312"><head><title>滑動展開后再收縮起來的廣告代碼</title><meta http-equiv="content-type" content="text/html; charset=utf-8" /><script type="text/javascript">var intervalId = null;function myad(id,nStayTime,sState,nMaxHth,nMinHth){this.stayTime=nStayTime*1000 || 3000;this.maxHeigth=nMaxHth || 290;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(){alixixi(id,this.stayTime,"up",nMaxHth,nMinHth);}intervalId = window.setInterval(openBox,10);}</script></head><body style="margin:0;padding:0;font-size:14px;"><div   class="ty6mdzy"   id="codefans_net" style="background:#ff0;height:12px;overflow:hidden;"><ul><li>提示：6秒鐘后廣告自動消失，可自定義時間及刷新再看效果！</li><li>歡迎光臨：</li><li>網(wǎng)頁特效</li><li>電子書籍</li><li>源碼分類</li></ul></div>歡迎您到來，沒有最好，只有更好!<script type="text/javascript"></script></body></html>

上一篇：退出時的彈窗代碼，不占用父窗口

下一篇：隨屏幕滾動的帶緩沖效果的右下角廣告