捌玖网络工作室'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"> 9v-H!k|Mf5ox8h
<html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312"> l O*lg VT `C
<head>
H+j(R3c{,H} <title> 代码实例:滑动展开/收缩广告 </title>
+s/z2c,RS)k <meta http-equiv="content-type" content="text/html; charset=gb2312" /> x3k-F@(^ m
<meta name="author" content="jz123cn@126.com">
H$E*?u Rj%k L:M*j;D <meta name="keywords" content="代码实例:滑动展开/收缩广告" />
1C!k8eO vh{7T <script type="text/javascript"> (LK7A&N H8w
var intervalId = null;
SG0\*~8bB3Zqf ] Bts1y function slideAd(id,nStayTime,sState,nMaxHth,nMinHth){ 5pLSRH%Jb
  this.stayTime=nStayTime*1000 || 3000;
Nz.[*n \ kg@   this.maxHeigth=nMaxHth || 90;
O4D"Yp g&KY   this.minHeigth=nMinHth || 1; V/mw0i~ K
  this.state=sState || "down" ; 6ob5W@TCY$W
  var obj = document.getElementById(id);
N7{@%t%d;H9o7E   if(intervalId != null)window.clearInterval(intervalId);
2f;gqc3a'x|   function openBox(){
z5t c!q ujG    var h = obj.offsetHeight;
,v:^&R6|7k    obj.style.height = ((this.state == "down") ? (h + 2) : (h - 2))+"px"; {:n]*Z2n
    if(obj.offsetHeight>this.maxHeigth){ NCZ3Y cO;@
    window.clearInterval(intervalId);
}h.Hm_1UT|     intervalId=window.setInterval(closeBox,this.stayTime);
$G\s$k#CoV[]     } )bpI5P/_ \8L`8r
    if (obj.offsetHeight<this.minHeigth){
u1~9_ F5z     window.clearInterval(intervalId);
\0Yct,_R     obj.style.display="none"; K Z.XG e ZI
    }
&`$^5WLV4T*R]$i:@fe   }
!^Q8m8g*z-f8M   function closeBox(){
| U*g$B7V%]3].X    slideAd(id,this.stayTime,"up",nMaxHth,nMinHth); Z_LM9B(~[
  }
e5kZ#C2T0UpS   intervalId = window.setInterval(openBox,10);
DD"uN#J*w }
:d.k$w"o&L9M%Ov~6g </script> Ra1R C(V,l(UY
</head>
X\G&eQ5^q d,{ <body style="margin:0;padding:0;font-size:14px;"> vj.S:fpF&T6LB7]
<div id="MyMoveAd" style="background:#ff0;height:12px;overflow:hidden;"> 2{?,v w3`X0kn
<ul>
^5hQ@-K,IHE^)e <li>网络之都官方论坛</li>
'IUT&VH,C <li>网络之都官方论坛</li>
:m9w R-l3El-WOi <li>网络之都官方论坛</li> |#^v Mk$U
<li>网络之都官方论坛</li> ];LIX6?x.A
<li>网络之都官方论坛</li>
&I*X.C ^k <li>网络之都官方论坛</li>
5d9r@5k0K0b"y[ <li>网络之都官方论坛</li>
0h^w @g,lP2I <li>网络之都官方论坛</li>
w-k.tY-pu(O <li>网络之都官方论坛</li>
E'u"x}9~9r!r,I <li>网络之都官方论坛</li>!^a QUc9b
<li>网络之都官方论坛</li>
|.S"xa'z;hBa <li>网络之都官方论坛</li>
]'f0I$W?6HH3Af9sO <li>网络之都官方论坛</li>k\ `\(E:X
<li>网络之都官方论坛</li>
K3Bqi+Y3t1l <li>网络之都官方论坛</li>7`NDF0G-kL T$o
</ul> T5]L r%j P{
</div> 2y`U qUn0M9jX$Q3S
<p>代码实例:<strong>滑动展开/收缩广告</strong>   请刷新页面,再次观看演示效果</p> a6jSo([UA+x'[p
<script type="text/javascript"> f I)b.{ p)M:~j
<!-- i uy}ZGN x Q
slideAd('MyMoveAd',2);
? k(I(N.m --> !b%V U2~8vQkP"JPy*S
</script>
(ylgU| </body>
)x2p O U/M </html> [/code]

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


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