JS弹出遮罩层
<html> <head> <title></title> <script type="text/javascript"> function show() { document.getElementById("xie").style.display = "";//设置display document.getElementById("content1").style.display = ""; document.getElementById("xie").style.filter = "Alpha(Opacity=50)";//透明度 document.getElementById("content1").innerHTML = "你的内容<input onclick=\'hide()\' type=\'button\' value=\'确定\'/>"; } function hide() { document.getElementById("xie").style.display = "none"; document.getElementById("content1").style.display = "none"; } </script> </head> <body> <div style="width: 100%; background-color: Gray; display: none; height: 100%; position: absolute; left: 0; top: 0;" id="xie"> </div> <div style="width: 260px; background-color: Blue; display: none; height: 113px; position: absolute; left: 244px; top: 137px;" id="content1"> </div> <div id="fuck"> <input onclick="show()" type="button" value="显示" /> </div> </body> </html>
版权声明:本文为yangxinghua原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。