小男孩‘自慰网亚洲一区二区,亚洲一级在线播放毛片,亚洲中文字幕av每天更新,黄aⅴ永久免费无码,91成人午夜在线精品,色网站免费在线观看,亚洲欧洲wwwww在线观看

搜索
分享

div浮層，滾動條移動，保持位置不變

 WindySky 2009-07-17
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www./TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www./1999/xhtml">  
  3. <HEAD>  
  4. <TITLE>code by：haiwa - 隨滾動條移動的層 - 中國asp之家 - www.aspxhome.com</TITLE>  
  5. <META HTTP-EQUIV="Content-Type" CONTENT="text/html" charset="gb2312">  
  6. </HEAD>  
  7. <style>  
  8. <!--   
  9. .div{   
  10. position: absolute;   
  11. border: 2px solid red;   
  12. background-color: #EFEFEF;   
  13. line-height:90px;   
  14. font-size:12px;   
  15. z-index:1000;   
  16. }   
  17. -->  
  18. </style>  
  19. <BODY>  
  20. <div id="Javascript.Div1" class="div" style="width: 240px; height:90px" align="center">正中...</div>  
  21. <SCRIPT LANGUAGE="JavaScript">  
  22. function sc1(){   
  23. document.getElementById("Javascript.Div1").style.top=(document.documentElement.scrollTop+(document.documentElement.clientHeight-document.getElementById("Javascript.Div1").offsetHeight)/2)+"px";   
  24. document.getElementById("Javascript.Div1").style.left=(document.documentElement.scrollLeft+(document.documentElement.clientWidth-document.getElementById("Javascript.Div1").offsetWidth)/2)+"px";   
  25. }   
  26. </SCRIPT>  
  27.   
  28.   
  29. <div id="Javascript.Div2" class="div" style="width: 240px; height:90px" align="center">左上...</div>  
  30. <SCRIPT LANGUAGE="JavaScript">  
  31. function sc2(){   
  32. document.getElementById("Javascript.Div2").style.top=(document.documentElement.scrollTop)+"px";   
  33. document.getElementById("Javascript.Div2").style.left=(document.documentElement.scrollLeft)+"px";   
  34. }   
  35. </SCRIPT>  
  36.   
  37. <div id="Javascript.Div3" class="div" style="width: 240px; height:90px" align="center">左下...</div>  
  38. <SCRIPT LANGUAGE="JavaScript">  
  39. function sc3(){   
  40. document.getElementById("Javascript.Div3").style.top=(document.documentElement.scrollTop+document.documentElement.clientHeight-document.getElementById("Javascript.Div3").offsetHeight)+"px";   
  41. document.getElementById("Javascript.Div3").style.left=(document.documentElement.scrollLeft)+"px";   
  42. }   
  43. </SCRIPT>  
  44.   
  45. <div id="Javascript.Div4" class="div" style="width: 240px; height:90px" align="center">右上...</div>  
  46. <SCRIPT LANGUAGE="JavaScript">  
  47. function sc4(){   
  48. document.getElementById("Javascript.Div4").style.top=(document.documentElement.scrollTop)+"px";   
  49. document.getElementById("Javascript.Div4").style.left=(document.documentElement.scrollLeft+document.documentElement.clientWidth-document.getElementById("Javascript.Div4").offsetWidth)+"px";   
  50. }   
  51. </SCRIPT>  
  52.   
  53. <div id="Javascript.Div5" class="div" style="width: 240px; height:90px" align="center">右下...</div>  
  54. <SCRIPT LANGUAGE="JavaScript">  
  55. function sc5(){   
  56. document.getElementById("Javascript.Div5").style.top=(document.documentElement.scrollTop+document.documentElement.clientHeight-document.getElementById("Javascript.Div5").offsetHeight)+"px";   
  57. document.getElementById("Javascript.Div5").style.left=(document.documentElement.scrollLeft+document.documentElement.clientWidth-document.getElementById("Javascript.Div5").offsetWidth)+"px";   
  58. }   
  59. </SCRIPT>  
  60.   
  61.   
  62. <SCRIPT LANGUAGE="JavaScript">  
  63. <!--   
  64. function scall(){   
  65. sc1();sc2();sc3();sc4();sc5();   
  66. }   
  67. window.onscroll=scall;   
  68. window.onresize=scall;   
  69. window.onload=scall;   
  70. //-->  
  71. </SCRIPT>  
  72. <div style="position: absolute; top: 0px; left: 0px; width: 10000px; height: 4000px;"></div>  
  73. </BODY>  
  74. </HTML>  

    本站是提供個人知識管理的網(wǎng)絡存儲空間，所有內容均由用戶發(fā)布，不代表本站觀點。請注意甄別內容中的聯(lián)系方式、誘導購買等信息，謹防詐騙。如發(fā)現(xiàn)有害或侵權內容，請點擊一鍵舉報。
    轉藏 分享 獻花（0）

    0條評論

    發(fā)表

    請遵守用戶 評論公約

    類似文章 更多