滑动展开_收缩广告代码
代码:[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>
<title> 代码实例:滑动展开/收缩广告 </title> tp*fy4C9l$AD^S}
<meta http-equiv="content-type" content="text/html; charset=gb2312" /> ;K-n,I8`8?
<meta name="author" content="jz123cn@126.com">
<meta name="keywords" content="代码实例:滑动展开/收缩广告" />
<script type="text/javascript">
var intervalId = null; +F]/e0_r;c%M#_.[pxzL
function slideAd(id,nStayTime,sState,nMaxHth,nMinHth){ NiS:E,G+[+\+w
this.stayTime=nStayTime*1000 || 3000;
this.maxHeigth=nMaxHth || 90; 8I c4nG5n b&IRr8B
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; *TOn,Y*\O
obj.style.height = ((this.state == "down") ? (h + 2) : (h - 2))+"px"; ej"to(ML Gd dh9_8^r
if(obj.offsetHeight>this.maxHeigth){
window.clearInterval(intervalId);
intervalId=window.setInterval(closeBox,this.stayTime);
} TeI2~~{
if (obj.offsetHeight<this.minHeigth){
window.clearInterval(intervalId);
obj.style.display="none";
}
} Mhw)d a0@x"~B
function closeBox(){ L]#I5kT!d4mq
slideAd(id,this.stayTime,"up",nMaxHth,nMinHth);
} @!KNiey
intervalId = window.setInterval(openBox,10);
} /ke8MhBtv4i `E
</script> 3e7q ^AA'}HIz'@
</head> (gr8A)}9xEhF
<body style="margin:0;padding:0;font-size:14px;"> :hv*N#^)v \,Evm
<div id="MyMoveAd" style="background:#ff0;height:12px;overflow:hidden;"> O5PqU.IoQVU2Y
<ul> ~9Y W?*z!R(D%B
<li>网络之都官方论坛</li>
<li>网络之都官方论坛</li>
<li>网络之都官方论坛</li> WQ"H3P9P?)`/En
<li>网络之都官方论坛</li> :R6wm*XP:I3W&R&D
<li>网络之都官方论坛</li>
<li>网络之都官方论坛</li>Y3a&I-c@C uoU%V
<li>网络之都官方论坛</li>.~&n:t7y,k
<li>网络之都官方论坛</li>
<li>网络之都官方论坛</li>
<li>网络之都官方论坛</li>
<li>网络之都官方论坛</li> h&B/HTF]z
<li>网络之都官方论坛</li>
<li>网络之都官方论坛</li>
<li>网络之都官方论坛</li>(TwqN!Zt*p?*e
<li>网络之都官方论坛</li>/~ Sh"Q%e1joa\
</ul>
</div>
<p>代码实例:<strong>滑动展开/收缩广告</strong> 请刷新页面,再次观看演示效果</p>
<script type="text/javascript">
<!--
slideAd('MyMoveAd',2);
-->
</script> "oN5X3A;S.@2|W-g6K
</body> M5u1`1Cy;Z
</html> [/code]
页:
[1]