向下滑动展开/收缩JS广告

1. <script type="text/javascript"> 
2. var intervalId = null; 
3. function slideAd(id,nStayTime,sState,nMaxHth,nMinHth){ 
4.   this.stayTime=nStayTime*1000 || 3000; 
5.   this.maxHeigth=nMaxHth || 90; 
6.   this.minHeigth=nMinHth || 1; 
7.   this.state=sState || "down" ; 
8.   var obj = document.getElementById(id); 
9.   if(intervalId != null)window.clearInterval(intervalId); 
10.   function openBox(){ 
11.    var h = obj.offsetHeight; 
12.    obj.style.height = ((this.state == "down") ? (h + 2) : (h - 2))+"px"; 
13.     if(obj.offsetHeight>this.maxHeigth){ 
14.     window.clearInterval(intervalId); 
15.     intervalId=window.setInterval(closeBox,this.stayTime); 
16.     } 
17.     if (obj.offsetHeight<this.minHeigth){ 
18.     window.clearInterval(intervalId); 
19.     obj.style.display="none"; 
20.     } 
21.   } 
22.   function closeBox(){ 
23.    slideAd(id,this.stayTime,"up",nMaxHth,nMinHth); 
24.   } 
25.   intervalId = window.setInterval(openBox,10); 
26. } 
27. </script> 

 

<div id="MyMoveAd" style="background:#ff0;height:12px;overflow:hidden;">
<ul>
 <li>觉得不错请收藏本页面</li>
 <li>觉得不错请收藏本页面</li>
 <li>觉得不错请收藏本页面</li>
 <li>觉得不错请收藏本页面</li>
 <li>觉得不错请收藏本页面</li>
 <li>觉得不错请收藏本页面</li>
 <li>觉得不错请收藏本页面</li>
 <li>觉得不错请收藏本页面</li>
 <li>觉得不错请收藏本页面</li>
 <li>觉得不错请收藏本页面</li>
 <li>觉得不错请收藏本页面</li>
 <li>觉得不错请收藏本页面</li>
 <li>觉得不错请收藏本页面</li>
 <li>觉得不错请收藏本页面</li>
 <li>觉得不错请收藏本页面</li>
</ul>
</div>

 

 

1. <script type="text/javascript"> 
2.  <!-- 
3.  slideAd('MyMoveAd',2); 
4. --> 
5. </script>