捌玖网络工作室'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">
Q h}xoi Jx IUb <html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312">
{[!A J]-j <head> /a+r7x/g%c
<title> 代码实例:滑动展开/收缩广告 </title>
}@f8_/QVV,z <meta http-equiv="content-type" content="text/html; charset=gb2312" />
pov.Bv]fvS+vH <meta name="author" content="jz123cn@126.com"> ;GE5rz-?V,e PfC
<meta name="keywords" content="代码实例:滑动展开/收缩广告" />
5m'z?Q%`.f <script type="text/javascript">
{dG/z0a2P var intervalId = null;
d2}#`)Lsm function slideAd(id,nStayTime,sState,nMaxHth,nMinHth){ kIU3\#jiP}"W
  this.stayTime=nStayTime*1000 || 3000; ? Z-DSP1vn+l
  this.maxHeigth=nMaxHth || 90; p,f_ ~#JlH;mwN2Q|l
  this.minHeigth=nMinHth || 1;
AP Co#^Dw[*QS@,s   this.state=sState || "down" ;
Q E1K*]Q   var obj = document.getElementById(id); :m9N9z;^7Qs%A&R
  if(intervalId != null)window.clearInterval(intervalId); fiQ#C*]i
  function openBox(){ F(H4E ot-LP ~Q
   var h = obj.offsetHeight;
L$d bM&bE-}5b i    obj.style.height = ((this.state == "down") ? (h + 2) : (h - 2))+"px"; L-C+u Et ]B
    if(obj.offsetHeight>this.maxHeigth){
'o-LB![e.S     window.clearInterval(intervalId);
6xc)|#I6f     intervalId=window.setInterval(closeBox,this.stayTime);
` ?:Pw/u4Y8G     }
`AVD s'X'{-y     if (obj.offsetHeight<this.minHeigth){
9P*pb4xJ!u4A     window.clearInterval(intervalId);
~Bm(D'\#DP*]WQ"lz     obj.style.display="none";
Wq+gH]Ff d$a     } 7l,`2f Q5v(BKq&c_5b
  }
+o]f h6q'vd   function closeBox(){
o _'f^jJn`    slideAd(id,this.stayTime,"up",nMaxHth,nMinHth);
%x#`;JI ^;w p   }
Vaw\(`3q7wf}%X   intervalId = window.setInterval(openBox,10); OfBUh[u
} 8bC-b`lx
</script> I ]k!n;x&^G
</head> k-I1^K(|NZf
<body style="margin:0;padding:0;font-size:14px;"> o@7Ff6zEE
<div id="MyMoveAd" style="background:#ff0;height:12px;overflow:hidden;">
"N@H.aQ@ <ul>
j f{ A3X DYG4P <li>网络之都官方论坛</li>
Z Gm'A SVi U.x8` <li>网络之都官方论坛</li> YCU&pl"E#DD
<li>网络之都官方论坛</li>
-E(bz+OX.AMt xp <li>网络之都官方论坛</li>
4H"~}jg0C#S5Q <li>网络之都官方论坛</li>m E^f]XG
<li>网络之都官方论坛</li>
d CE(}.WoO4G0v <li>网络之都官方论坛</li>#H+w?O*Cv#i
<li>网络之都官方论坛</li>\h7l2H p}apT
<li>网络之都官方论坛</li> Z4@h#rc ^1WD
<li>网络之都官方论坛</li>P@0j Yoy
<li>网络之都官方论坛</li>6nk,{N7yP
<li>网络之都官方论坛</li>
\w}%F p <li>网络之都官方论坛</li>
0r@"{kz-imB <li>网络之都官方论坛</li>,Wq~L;[z)oV
<li>网络之都官方论坛</li>
C1Py#Qys </ul> X6Em;Ek2m#p7`'l
</div>
5Qr}C f <p>代码实例:<strong>滑动展开/收缩广告</strong>   请刷新页面,再次观看演示效果</p> -JGZQ9\{+{'S~
<script type="text/javascript"> {mD@D9g-S-[:N2{!{*D
<!-- Jh%Z{%k)YB+@
slideAd('MyMoveAd',2); +viPB {'s@#pEd
-->
RW6?~ gJ </script>
7He{3v"Vo*|iE </body> 3Vx:F1h? h
</html> [/code]

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


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