捌玖网络工作室's Archiver

admin 发表于 2007-12-25 19:10

滑动展开_收缩广告代码

代码:[code]<!doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
.~b(XH"X$uR <html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312">
t;i@0|Y-|f8['H-A} <head>
-Hfk9PDz <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">
|5Vm a,g1x <meta name="keywords" content="代码实例:滑动展开/收缩广告" />
2TPY!{^ RB)@ <script type="text/javascript">
4M\D)^3}i var intervalId = null; +F]/e0_ r;c%M#_.[pxz L
function slideAd(id,nStayTime,sState,nMaxHth,nMinHth){ NiS:E,G+[+\+w
  this.stayTime=nStayTime*1000 || 3000;
5}ny` Oh$B})NN   this.maxHeigth=nMaxHth || 90; 8I c4nG5n b&IRr8B
  this.minHeigth=nMinHth || 1;
._/L8m+Il4z6}Y*w   this.state=sState || "down" ;
$J f9Ij @   var obj = document.getElementById(id);
1u`R(A;d |Jvet   if(intervalId != null)window.clearInterval(intervalId);
a*}3Y(Ea   function openBox(){
O*d.Vo+VJ    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){
&U,IYT"bB     window.clearInterval(intervalId);
}5u"PD3A2W u6nVn L     intervalId=window.setInterval(closeBox,this.stayTime);
}~!a(j4Z(O(fz"a     } TeI2~~{
    if (obj.offsetHeight<this.minHeigth){
!`%Q7] rS2^f z0f     window.clearInterval(intervalId);
T\t z(K e1S+Xq*K     obj.style.display="none";
nel0I&`!_f+o     }
S5{ uG$jE   } Mhw)d a0@x"~B
  function closeBox(){ L ]#I5kT!d4mq
   slideAd(id,this.stayTime,"up",nMaxHth,nMinHth);
Y!|;k8Zc   } @!KNiey
  intervalId = window.setInterval(openBox,10);
q:u0G Xj$Ky V:I } /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> ~9YW?*z!R(D%B
<li>网络之都官方论坛</li>
o*aW2z,P-c}"y <li>网络之都官方论坛</li>
&AU4\ F0Jg9uA-y <li>网络之都官方论坛</li> WQ"H3P9P?)`/En
<li>网络之都官方论坛</li> :R6wm*XP:I3W&R&D
<li>网络之都官方论坛</li>
3YNg&a1u6W <li>网络之都官方论坛</li>Y3a&I-c@C uoU%V
<li>网络之都官方论坛</li>.~&n:t7y,k
<li>网络之都官方论坛</li>
6mX/Hb+{z9h&Q.v <li>网络之都官方论坛</li>
0r\m3^)c$C/fvAZ <li>网络之都官方论坛</li>
2H0H X k0Nv^$] <li>网络之都官方论坛</li> h&B/HTF]z
<li>网络之都官方论坛</li>
;p z6A CK1u{+R b <li>网络之都官方论坛</li>
_V,h R2x <li>网络之都官方论坛</li>(TwqN!Zt*p?*e
<li>网络之都官方论坛</li>/~Sh"Q%e1joa\
</ul>
8O{o;Xt </div>
[3]bTr9V{4P <p>代码实例:<strong>滑动展开/收缩广告</strong>   请刷新页面,再次观看演示效果</p>
p sZ0]P6{!q+b(D"L <script type="text/javascript">
i8O%YBi7v*M8~ SJ <!--
t9F|$p[A ~ R'V slideAd('MyMoveAd',2);
1y7o(l ](s-F%A#Pq -->
7` B8q1d-S*pv Ga </script> "oN5X3A;S.@2|W-g6K
</body> M5u1`1Cy;Z
</html> [/code]

页: [1]
【捌玖网络】已经运行:


Powered by Discuz! Archiver 7.2  © 2001-2009 Comsenz Inc.