滑动展开_收缩广告代码
代码：[code]<!doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 8k%oo#}1o o y<html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312"> F h{ W t
<head>
<title> 代码实例：滑动展开/收缩广告 </title> 5}'O { d_
<meta http-equiv="content-type" content="text/html; charset=gb2312" /> n@o?(U1w Zd H
<meta name="author" content="jz123cn@126.com"> 1C vCw7W/F
<meta name="keywords" content="代码实例：滑动展开/收缩广告" />
<script type="text/javascript">
var intervalId = null;
function slideAd(id,nStayTime,sState,nMaxHth,nMinHth){ (p9{ r&{[5IM
this.stayTime=nStayTime*1000 || 3000;
this.maxHeigth=nMaxHth || 90; :P4f:@JjS
this.minHeigth=nMinHth || 1;
this.state=sState || "down" ;
var obj = document.getElementById(id);
if(intervalId != null)window.clearInterval(intervalId); FO6n#W*k
function openBox(){ Yv z/?,Ju]:V M
var h = obj.offsetHeight;
obj.style.height = ((this.state == "down") ? (h + 2) : (h - 2))+"px";
if(obj.offsetHeight>this.maxHeigth){ F[*`'w!L:T!@
window.clearInterval(intervalId);
intervalId=window.setInterval(closeBox,this.stayTime); 7d a.T'r `
} /l b/Q7V:L9xv5}
if (obj.offsetHeight<this.minHeigth){ Ejt)B yC G;Y
window.clearInterval(intervalId);
obj.style.display="none"; %b'o(M,a-bc:o0j
}
} L8a3L-{ v)g\
function closeBox(){ 0R;rM1X2Z BR io
slideAd(id,this.stayTime,"up",nMaxHth,nMinHth);
}
intervalId = window.setInterval(openBox,10);
} ?;ma4cr1H
</script> mfX+_%l$i
</head> Iny*]$UA0x&}
<body style="margin:0;padding:0;font-size:14px;">
<div id="MyMoveAd" style="background:#ff0;height:12px;overflow:hidden;">
<ul> *T-w,fv*u]X;jZ:}
<li>网络之都官方论坛</li>#L*o[:b!d S)v0^z
<li>网络之都官方论坛</li>
<li>网络之都官方论坛</li>
<li>网络之都官方论坛</li>
<li>网络之都官方论坛</li>{ f'H Cw S n
<li>网络之都官方论坛</li>
<li>网络之都官方论坛</li>
<li>网络之都官方论坛</li>
<li>网络之都官方论坛</li> K&`+i+F[1jiZc
<li>网络之都官方论坛</li>S c9e2G)Z(]5F
<li>网络之都官方论坛</li>h5i7c cp$OK `
<li>网络之都官方论坛</li>
<li>网络之都官方论坛</li>)R I s6x VF5W
<li>网络之都官方论坛</li>
<li>网络之都官方论坛</li>4j0]8X$m mz|0F.e9Ju
</ul> 9rTc zn
</div>
<p>代码实例：<strong>滑动展开/收缩广告</strong> 请刷新页面，再次观看演示效果</p>
<script type="text/javascript"> k1]/?f|M5bb P
<!-- #k3bj:tJeL [4R
slideAd('MyMoveAd',2); 0q3w pcHGn
--> J[ g7\cU} c+Z;B
</script> #?"e&Kk!z$u(z A
</body>
</html> [/code]
页:
[1]