日韩黑丝制服一区视频播放|日韩欧美人妻丝袜视频在线观看|九九影院一级蜜桃|亚洲中文在线导航|青草草视频在线观看|婷婷五月色伊人网站|日本一区二区在线|国产AV一二三四区毛片|正在播放久草视频|亚洲色图精品一区

搜索
分享

div浮層，滾動(dòng)條移動(dòng)，保持位置不變

 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 - 隨滾動(dòng)條移動(dòng)的層 - 中國(guó)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>  

    本站是提供個(gè)人知識(shí)管理的網(wǎng)絡(luò)存儲(chǔ)空間，所有內(nèi)容均由用戶(hù)發(fā)布，不代表本站觀(guān)點(diǎn)。請(qǐng)注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購(gòu)買(mǎi)等信息，謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請(qǐng)點(diǎn)擊一鍵舉報(bào)。
    轉(zhuǎn)藏 分享 獻(xiàn)花（0）

    0條評(píng)論

    發(fā)表

    請(qǐng)遵守用戶(hù) 評(píng)論公約

    類(lèi)似文章 更多