滑动展开_收缩广告代码
代码：[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_ xT&U E!X
<title> 代码实例：滑动展开/收缩广告 </title>
<meta http-equiv="content-type" content="text/html; charset=gb2312" /> 2? enio,zj
<meta name="author" content="jz123cn@126.com"> $~0EE-vgGIW
<meta name="keywords" content="代码实例：滑动展开/收缩广告" />
<script type="text/javascript"> .y GH b i;l:I
var intervalId = null;
function slideAd(id,nStayTime,sState,nMaxHth,nMinHth){ [:cb A;J'}eC
this.stayTime=nStayTime*1000 || 3000;
this.maxHeigth=nMaxHth || 90;
this.minHeigth=nMinHth || 1; 0n3Q;t;o$Wo7Hj!_
this.state=sState || "down" ;
var obj = document.getElementById(id); p"E#VV]dB/g)`
if(intervalId != null)window.clearInterval(intervalId);
function openBox(){ 9n+VE.U7@9~9B GWF*U _
var h = obj.offsetHeight;
obj.style.height = ((this.state == "down") ? (h + 2) : (h - 2))+"px";
if(obj.offsetHeight>this.maxHeigth){
window.clearInterval(intervalId); [QV#kh
intervalId=window.setInterval(closeBox,this.stayTime); O`!MY6vv
}
if (obj.offsetHeight<this.minHeigth){
window.clearInterval(intervalId); 1Ilr!c ?e^:j
obj.style.display="none"; (YgZ!V&K{z
} x8? WK.R4w9H&^)E
} 8Xy kT"d-_$\sRF
function closeBox(){
slideAd(id,this.stayTime,"up",nMaxHth,nMinHth); &l {"T q2cH_ R
}
intervalId = window.setInterval(openBox,10);
}
</script> $S}0Ml W O ^ C
</head> (X2x \ ? T5R rHxp v
<body style="margin:0;padding:0;font-size:14px;">
<div id="MyMoveAd" style="background:#ff0;height:12px;overflow:hidden;"> ?*F1J0og-~#M6{
<ul> z X Ttv^\i
<li>网络之都官方论坛</li> _N"h;YW u$]F.Q9k
<li>网络之都官方论坛</li> Y sm.n9F)H
<li>网络之都官方论坛</li>
<li>网络之都官方论坛</li> WRI8_/~:m!vY
<li>网络之都官方论坛</li>
<li>网络之都官方论坛</li>
<li>网络之都官方论坛</li>5f#lB'tr3F
<li>网络之都官方论坛</li>.YO6C5[#s-t#~
<li>网络之都官方论坛</li> _&r U"r J\%G b/V
<li>网络之都官方论坛</li>
<li>网络之都官方论坛</li>
<li>网络之都官方论坛</li>
<li>网络之都官方论坛</li>'HX&` I0} |S5D
<li>网络之都官方论坛</li>
<li>网络之都官方论坛</li>
</ul>
</div> aVL*F KU
<p>代码实例：<strong>滑动展开/收缩广告</strong> 请刷新页面，再次观看演示效果</p>
<script type="text/javascript">
<!--
slideAd('MyMoveAd',2);
-->
</script> ,Nr R j|;Ja'y T
</body>
</html> [/code]
页:
[1]