滑动展开_收缩广告代码
代码：[code]<!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> -H r:hh @F/v9e? H
<title> 代码实例：滑动展开/收缩广告 </title>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<meta name="author" content="jz123cn@126.com">
<meta name="keywords" content="代码实例：滑动展开/收缩广告" /> 0j wy B9S c pZ5F N
<script type="text/javascript"> H Hb,P0u8S r;O Od
var intervalId = null;
function slideAd(id,nStayTime,sState,nMaxHth,nMinHth){
this.stayTime=nStayTime*1000 || 3000; I2S eo@
this.maxHeigth=nMaxHth || 90;
this.minHeigth=nMinHth || 1;
this.state=sState || "down" ;
var obj = document.getElementById(id);
if(intervalId != null)window.clearInterval(intervalId); Lk VI\ ]
function openBox(){ D$^R5asNc/e`
var h = obj.offsetHeight;
obj.style.height = ((this.state == "down") ? (h + 2) : (h - 2))+"px"; &n n m,y'~7u#m @4P w
if(obj.offsetHeight>this.maxHeigth){ G fC0u.c f/f
window.clearInterval(intervalId);
intervalId=window.setInterval(closeBox,this.stayTime); 2n&Ci c)N0kc
} +J2h| r5x#l\/s(}m6X
if (obj.offsetHeight<this.minHeigth){
window.clearInterval(intervalId);
obj.style.display="none";
} j6D}(]!kX z
}
function closeBox(){
slideAd(id,this.stayTime,"up",nMaxHth,nMinHth); R I8m?.I5W3{%Ys
}
intervalId = window.setInterval(openBox,10);
} 9r.m5~? ~|)eoG
</script> ngg k U3f'F-t
</head> :b"p-Y$_8\
<body style="margin:0;padding:0;font-size:14px;">
<div id="MyMoveAd" style="background:#ff0;height:12px;overflow:hidden;"> AI*M h6q r TF#Q X
<ul>
<li>网络之都官方论坛</li>
<li>网络之都官方论坛</li> 7t'F9J-\$q
<li>网络之都官方论坛</li>
<li>网络之都官方论坛</li>
<li>网络之都官方论坛</li>/Vxn0E @} UT I
<li>网络之都官方论坛</li>
<li>网络之都官方论坛</li>+d,W{ xj"CUT
<li>网络之都官方论坛</li>.G k%I]%@(d
<li>网络之都官方论坛</li>bI(K)ms$s0[#r~
<li>网络之都官方论坛</li>;QXi ` j `
<li>网络之都官方论坛</li>
<li>网络之都官方论坛</li> d UQf1Z w9Q f#t
<li>网络之都官方论坛</li>
<li>网络之都官方论坛</li>sel6y x(O B3{Z(Z0o
<li>网络之都官方论坛</li>
</ul>
</div> b9LZ`MXL x |
<p>代码实例：<strong>滑动展开/收缩广告</strong> 请刷新页面，再次观看演示效果</p> Y [#xL Z
<script type="text/javascript">
<!--
slideAd('MyMoveAd',2);
--> 2T;g1]y7M^d }O-p'w%Z
</script> 8t:U d I KNA)N"K
</body>
</html> [/code]
页:
[1]