获得本站免费赞助空间请点这里
返回列表 发帖
admin

Rank: 9Rank: 9Rank: 9

UID
1 
帖子
738 
精华
28 
积分
14159 
金币
2370  
威望
1647  
贡献
1318  
1楼 跳转到 » 倒序看帖
打印
tT
发表于 2007-12-25 19:10 | 只看该作者

滑动展开_收缩广告代码

广告代码
代码：
  1. <!doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312">
  3. <head>
  4. <title> 代码实例：滑动展开/收缩广告 </title>
  5. <meta http-equiv="content-type" content="text/html; charset=gb2312" />
  6. <meta name="author" content="jz123cn@126.com">
  7. <meta name="keywords" content="代码实例：滑动展开/收缩广告" />
  8. <script type="text/javascript">
  9. var intervalId = null;
  10. function slideAd(id,nStayTime,sState,nMaxHth,nMinHth){
  11.   this.stayTime=nStayTime*1000 || 3000;
  12.   this.maxHeigth=nMaxHth || 90;
  13.   this.minHeigth=nMinHth || 1;
  14.   this.state=sState || "down" ;
  15.   var obj = document.getElementById(id);
  16.   if(intervalId != null)window.clearInterval(intervalId);
  17.   function openBox(){
  18.    var h = obj.offsetHeight;
  19.    obj.style.height = ((this.state == "down") ? (h + 2) : (h - 2))+"px";
  20.     if(obj.offsetHeight>this.maxHeigth){
  21.     window.clearInterval(intervalId);
  22.     intervalId=window.setInterval(closeBox,this.stayTime);
  23.     }
  24.     if (obj.offsetHeight<this.minHeigth){
  25.     window.clearInterval(intervalId);
  26.     obj.style.display="none";
  27.     }
  28.   }
  29.   function closeBox(){
  30.    slideAd(id,this.stayTime,"up",nMaxHth,nMinHth);
  31.   }
  32.   intervalId = window.setInterval(openBox,10);
  33. }
  34. </script>
  35. </head>
  36. <body style="margin:0;padding:0;font-size:14px;">
  37. <div id="MyMoveAd" style="background:#ff0;height:12px;overflow:hidden;">
  38. <ul>
  39. <li>网络之都官方论坛</li>
  40. <li>网络之都官方论坛</li>
  41. <li>网络之都官方论坛</li>
  42. <li>网络之都官方论坛</li>
  43. <li>网络之都官方论坛</li>
  44. <li>网络之都官方论坛</li>
  45. <li>网络之都官方论坛</li>
  46. <li>网络之都官方论坛</li>
  47. <li>网络之都官方论坛</li>
  48. <li>网络之都官方论坛</li>
  49. <li>网络之都官方论坛</li>
  50. <li>网络之都官方论坛</li>
  51. <li>网络之都官方论坛</li>
  52. <li>网络之都官方论坛</li>
  53. <li>网络之都官方论坛</li>
  54. </ul>
  55. </div>
  56. <p>代码实例：<strong>滑动展开/收缩广告</strong>   请刷新页面，再次观看演示效果</p>
  57. <script type="text/javascript">
  58. <!--
  59. slideAd('MyMoveAd',2);
  60. -->
  61. </script>
  62. </body>
  63. </html>
复制代码
收藏 分享
捌玖网络 89w.org----致力于站长学习交流

返回列表
【捌玖网络】已经运行: