国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

js實現登陸遮罩效果的方法

2024-05-06 16:23:57
字體：大 中 小
來源：轉載
供稿：網友

這篇文章主要介紹了js實現登陸遮罩效果的方法,涉及javascript操作頁面元素樣式的相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下

本文實例講述了js實現登陸遮罩效果的方法。分享給大家供大家參考。具體如下：

 

 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
  2. "http://www.w3.org/TR/html4/loose.dtd"> 
  3. <html> 
  4. <head> 
  5. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
  6. <title>遮罩</title> 
  7. <style> 
  8. #blanks{ 
  9. display:none; 
  10. width:100%; 
  11. //height:100%; 
  12. height:100px; 
  13. position:absolute; 
  14. top:0; 
  15. background-color:#ccc; 
  16. z-index:1000; 
  17. -moz-opacity: 0.7;  
  18. opacity:.70;  
  19. filter: alpha(opacity=70); 
  20. } 
  21. #login{ 
  22. padding:18px; 
  23. display:none; 
  24. background-color:pink; 
  25. width:300px; 
  26. height:100px; 
  27. position:absolute; 
  28. left:400px; 
  29. top:20%; 
  30. z-index:1001; 
  31. } 
  32. </style> 
  33. </head> 
  34. <body onload="setHeight()"> 
  35. <div id="content"> 
  36. <input type="button" value="登陸" onclick="showLogin()"> 
  37. <p>《人生》前15年左右都是些教學關卡，弱弱的，你還沒法點“跳過”。 
  38. 作為一個初來乍到的新手，你有大把的時間和用不完的精力，但幾乎毫無經驗。你會發現游戲的大多數元素， 
  39. 像什么牛逼的工作啦，財富啦，伴侶啦都還沒有解鎖，一直到你真正擁有了它們。 
  40. 這段時間，你的技能升級得非常快。在之后的游戲中，你再也不可能像這個階段一樣時間充裕而且精力充沛。 
  41. 如果想要玩出水平，最重要的是要把時間安排得盡可能合理。你的任何一個行動都會改變你的狀態和技能 
  42. </p> 
  43. <p>《人生》前15年左右都是些教學關卡，弱弱的，你還沒法點“跳過”。 
  44. 作為一個初來乍到的新手，你有大把的時間和用不完的精力，但幾乎毫無經驗。你會發現游戲的大多數元素， 
  45. 像什么牛逼的工作啦，財富啦，伴侶啦都還沒有解鎖，一直到你真正擁有了它們。 
  46. 這段時間，你的技能升級得非常快。在之后的游戲中，你再也不可能像這個階段一樣時間充裕而且精力充沛。 
  47. 如果想要玩出水平，最重要的是要把時間安排得盡可能合理。你的任何一個行動都會改變你的狀態和技能 
  48. </p> 
  49. <p>《人生》前15年左右都是些教學關卡，弱弱的，你還沒法點“跳過”。 
  50. 作為一個初來乍到的新手，你有大把的時間和用不完的精力，但幾乎毫無經驗。你會發現游戲的大多數元素， 
  51. 像什么牛逼的工作啦，財富啦，伴侶啦都還沒有解鎖，一直到你真正擁有了它們。 
  52. 這段時間，你的技能升級得非常快。在之后的游戲中，你再也不可能像這個階段一樣時間充裕而且精力充沛。 
  53. 如果想要玩出水平，最重要的是要把時間安排得盡可能合理。你的任何一個行動都會改變你的狀態和技能 
  54. </p> 
  55. <p>《人生》前15年左右都是些教學關卡，弱弱的，你還沒法點“跳過”。 
  56. 作為一個初來乍到的新手，你有大把的時間和用不完的精力，但幾乎毫無經驗。你會發現游戲的大多數元素， 
  57. 像什么牛逼的工作啦，財富啦，伴侶啦都還沒有解鎖，一直到你真正擁有了它們。 
  58. 這段時間，你的技能升級得非常快。在之后的游戲中，你再也不可能像這個階段一樣時間充裕而且精力充沛。 
  59. 如果想要玩出水平，最重要的是要把時間安排得盡可能合理。你的任何一個行動都會改變你的狀態和技能 
  60. </p> 
  61. <p>《人生》前15年左右都是些教學關卡，弱弱的，你還沒法點“跳過”。 
  62. 作為一個初來乍到的新手，你有大把的時間和用不完的精力，但幾乎毫無經驗。你會發現游戲的大多數元素， 
  63. 像什么牛逼的工作啦，財富啦，伴侶啦都還沒有解鎖，一直到你真正擁有了它們。 
  64. 這段時間，你的技能升級得非常快。在之后的游戲中，你再也不可能像這個階段一樣時間充裕而且精力充沛。 
  65. 如果想要玩出水平，最重要的是要把時間安排得盡可能合理。你的任何一個行動都會改變你的狀態和技能 
  66. </p> 
  67. <p>《人生》前15年左右都是些教學關卡，弱弱的，你還沒法點“跳過”。 
  68. 作為一個初來乍到的新手，你有大把的時間和用不完的精力，但幾乎毫無經驗。你會發現游戲的大多數元素， 
  69. 像什么牛逼的工作啦，財富啦，伴侶啦都還沒有解鎖，一直到你真正擁有了它們。 
  70. 這段時間，你的技能升級得非常快。在之后的游戲中，你再也不可能像這個階段一樣時間充裕而且精力充沛。 
  71. 如果想要玩出水平，最重要的是要把時間安排得盡可能合理。你的任何一個行動都會改變你的狀態和技能 
  72. </p> 
  73. <p>《人生》前15年左右都是些教學關卡，弱弱的，你還沒法點“跳過”。 
  74. 作為一個初來乍到的新手，你有大把的時間和用不完的精力，但幾乎毫無經驗。你會發現游戲的大多數元素， 
  75. 像什么牛逼的工作啦，財富啦，伴侶啦都還沒有解鎖，一直到你真正擁有了它們。 
  76. 這段時間，你的技能升級得非常快。在之后的游戲中，你再也不可能像這個階段一樣時間充裕而且精力充沛。 
  77. 如果想要玩出水平，最重要的是要把時間安排得盡可能合理。你的任何一個行動都會改變你的狀態和技能 
  78. </p> 
  79. <p>《人生》前15年左右都是些教學關卡，弱弱的，你還沒法點“跳過”。 
  80. 作為一個初來乍到的新手，你有大把的時間和用不完的精力，但幾乎毫無經驗。你會發現游戲的大多數元素， 
  81. 像什么牛逼的工作啦，財富啦，伴侶啦都還沒有解鎖，一直到你真正擁有了它們。 
  82. 這段時間，你的技能升級得非常快。在之后的游戲中，你再也不可能像這個階段一樣時間充裕而且精力充沛。 
  83. 如果想要玩出水平，最重要的是要把時間安排得盡可能合理。你的任何一個行動都會改變你的狀態和技能 
  84. </p> 
  85. <p>《人生》前15年左右都是些教學關卡，弱弱的，你還沒法點“跳過”。 
  86. 作為一個初來乍到的新手，你有大把的時間和用不完的精力，但幾乎毫無經驗。你會發現游戲的大多數元素， 
  87. 像什么牛逼的工作啦，財富啦，伴侶啦都還沒有解鎖，一直到你真正擁有了它們。 
  88. 這段時間，你的技能升級得非常快。在之后的游戲中，你再也不可能像這個階段一樣時間充裕而且精力充沛。 
  89. 如果想要玩出水平，最重要的是要把時間安排得盡可能合理。你的任何一個行動都會改變你的狀態和技能 
  90. </p> 
  91. <p>《人生》前15年左右都是些教學關卡，弱弱的，你還沒法點“跳過”。 
  92. 作為一個初來乍到的新手，你有大把的時間和用不完的精力，但幾乎毫無經驗。你會發現游戲的大多數元素， 
  93. 像什么牛逼的工作啦，財富啦，伴侶啦都還沒有解鎖，一直到你真正擁有了它們。 
  94. 這段時間，你的技能升級得非常快。在之后的游戲中，你再也不可能像這個階段一樣時間充裕而且精力充沛。 
  95. 如果想要玩出水平，最重要的是要把時間安排得盡可能合理。你的任何一個行動都會改變你的狀態和技能 
  96. </p> 
  97. <p>《人生》前15年左右都是些教學關卡，弱弱的，你還沒法點“跳過”。 
  98. 作為一個初來乍到的新手，你有大把的時間和用不完的精力，但幾乎毫無經驗。你會發現游戲的大多數元素， 
  99. 像什么牛逼的工作啦，財富啦，伴侶啦都還沒有解鎖，一直到你真正擁有了它們。 
  100. 這段時間，你的技能升級得非常快。在之后的游戲中，你再也不可能像這個階段一樣時間充裕而且精力充沛。 
  101. 如果想要玩出水平，最重要的是要把時間安排得盡可能合理。你的任何一個行動都會改變你的狀態和技能 
  102. </p> 
  103. <p>《人生》前15年左右都是些教學關卡，弱弱的，你還沒法點“跳過”。 
  104. 作為一個初來乍到的新手，你有大把的時間和用不完的精力，但幾乎毫無經驗。你會發現游戲的大多數元素， 
  105. 像什么牛逼的工作啦，財富啦，伴侶啦都還沒有解鎖，一直到你真正擁有了它們。 
  106. 這段時間，你的技能升級得非常快。在之后的游戲中，你再也不可能像這個階段一樣時間充裕而且精力充沛。 
  107. 如果想要玩出水平，最重要的是要把時間安排得盡可能合理。你的任何一個行動都會改變你的狀態和技能 
  108. </p> 
  109. <p>《人生》前15年左右都是些教學關卡，弱弱的，你還沒法點“跳過”。 
  110. 作為一個初來乍到的新手，你有大把的時間和用不完的精力，但幾乎毫無經驗。你會發現游戲的大多數元素， 
  111. 像什么牛逼的工作啦，財富啦，伴侶啦都還沒有解鎖，一直到你真正擁有了它們。 
  112. 這段時間，你的技能升級得非常快。在之后的游戲中，你再也不可能像這個階段一樣時間充裕而且精力充沛。 
  113. 如果想要玩出水平，最重要的是要把時間安排得盡可能合理。你的任何一個行動都會改變你的狀態和技能 
  114. </p> 
  115. </div> 
  116. <div id="blanks"></div> 
  117. <div id="login"> 
  118. <form method="post"> 
  119. 用戶名：<input type="text" name="username" ><br/> 
  120. 密碼：<input type="password" name="password"><br/> 
  121. <input type="submit" value="提交"> 
  122. </form> 
  123. <div id="btnclose" style="position:absolute;left:93%;top:0%;z-index:5;"> 
  124. <img src="close.png" onclick="hidediv();"/> 
  125. </div> 
  126. </div> 
  127. </body> 
  128. </html> 
  129. <script type="text/javascript"> 
  130. function setHeight() 
  131. { 
  132. var h=document.documentElement.scrollHeight; 
  133. document.getElementById("blanks").style.height=h+"px"; 
  134. } 
  135. function hidediv() 
  136. { 
  137. document.getElementById("login").style.display="none"; 
  138. document.getElementById("blanks").style.display="none"; 
  139. } 
  140. function showLogin() 
  141. { 
  142. document.getElementById("login").style.display="block"; 
  143. document.getElementById("blanks").style.display="block"; 
  144. } 
  145. </script> 

希望本文所述對大家的javascript程序設計有所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板： 农安县| 东辽县| 阿克苏市| 炎陵县| 合水县| 新乐市| 永嘉县| 东乡族自治县| 綦江县| 东乡县| 舟山市| 深水埗区| 民乐县| 伊吾县| 山东| 清水河县| 河曲县| 隆尧县| 乐平市| 克拉玛依市| 浏阳市| 鹤庆县| 临漳县| 出国| 普陀区| 禄劝| 鲁甸县| 鹤峰县| 鄂州市| 昌黎县| 井冈山市| 陕西省| 永年县| 朝阳县| 新野县| 永寿县| 安图县| 庆云县| 塔河县| 方城县| 昭通市|