首頁頭部下拉廣告設計（javascript）

加在Head中

<script type="text/javascript" language="javascript">
var intervalId = null;
function slideAd(id,nStayTime,sState,nMaxHth,nMinHth){
this.stayTime=nStayTime*1000 || 3000;
this.maxHeigth=nMaxHth || 330; //廣告最大高度
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){
　window.clearInterval(intervalId);
　obj.style.display="none";
　}
}
function closeBox(){
　slideAd(id,this.stayTime,"up",nMaxHth,nMinHth);
}
intervalId = window.setInterval(openBox,2);
}
</script>

加在Body下面<div id="slideAD" style="overflow: hidden; height: 0; padding-left:10px; width:985px"><div id="hd"><img src="/img/close.gif" alt="關閉" onclick="slideAd('slideAD',5,'up');return false;"/></div>
<div align="center">這裡插入相應的圖片或flash</script></div>
</div>

設定當頁面完全載入之後執行，10MS 檢測一次

<script type="text/javascript">

  <!--   
  function   chk(){   
  (this.document.readyState=="complete")?slideAd('slideAD',8):setTimeout('chk()',10);   
  }   
  chk();   
  //-->   


</script>