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>

 

posted @ 2014-04-15 09:07  那些年的疯狂  阅读(247)  评论(0)  编辑  收藏  举报