符合标准的带关闭的对联广告

kairyou 发表于 2007-12-19, 4:49 PM. 发表在: WebDev

XML/HTML代码
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  
  5. <meta name="2see" content="test" />  
  6. <title>符合标准的对联广告----带关闭</title>  
  7. <style type="text/css">  
  8. html,body{height:1000px;}   
  9. #oDiv1,#oDiv2{   
  10.    width:96px;   
  11.    height:272px;   
  12.    background-color:#e5e5e5;   
  13.    position:absolute; /* 绝对定位激活 */   
  14. }   
  15. </style>  
  16. <script type="text/javascript">  
  17. <!--   
  18. lastScrollY = 0;   
  19. function heartBeat(){   
  20. var diffY;   
  21. if (document.documentElement && document.documentElement.scrollTop)   
  22. diffY = document.documentElement.scrollTop;   
  23. else if (document.body)   
  24. diffY = document.body.scrollTop   
  25. else   
  26.     {/*Netscape stuff*/}   
  27.   
  28. //alert(diffY);   
  29. percent=.1*(diffY-lastScrollY);   
  30. if(percent>0)percent=Math.ceil(percent);   
  31. else percent=Math.floor(percent);   
  32. document.getElementById("oDiv1").style.top = parseInt(document.getElementById("oDiv1").style.top)+percent+"px";   
  33. document.getElementById("oDiv2").style.top = parseInt(document.getElementById("oDiv2").style.top)+percent+"px";   
  34.   
  35. lastScrollYlastScrollY=lastScrollY+percent;   
  36. //alert(lastScrollY);   
  37. }   
  38.   
  39. //下面这段删除后，对联将不跟随屏幕而移动。   
  40. window.setInterval("heartBeat()",1);   
  41. //-->  
  42. </script>  
  43. <body>  
  44. <div id="oDiv1" style="top:120px;left:2px;"><a href="javascript:ld(1,'no')">关闭</a>内容左</div>  
  45. <div id="oDiv2" style="top:120px;right:2px;"><a href="javascript:ld(2,'no')">关闭</a>内容右</div>  
  46. <script type="text/javascript">  
  47. <!--   
  48. function ld(i,off)   
  49. {   
  50. var L=document.getElementById("oDiv"+i);   
  51. if (off=="no")   
  52.     {   
  53.         L.style.display="none";   
  54.     }   
  55. if (off=="yes")   
  56.     {   
  57.         L.style.display="";   
  58.     }   
  59. }   
  60. //-->  
  61. </script>  
  62. </body></html>  

Tags: 广告

上一篇: 记录两个网址
下一篇: diary@2007-12-20

相关文章

访客评论

  1. #1 七匹狼 2007, December 20, 6:00 AM
    很管用。。。。

发表评论

评论内容 (必填):