遮罩层

最新推荐文章于 2023-12-01 14:40:02 发布

angle_hearts

最新推荐文章于 2023-12-01 14:40:02 发布

阅读量213

点赞数

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<head>
    <title>遮罩层</title>
    <script type="text/javascript" src="js.js"></script>
    <script>
        $(function(){
            $('#zc').click(function(){
                $('#mark').show();
            })
            $("#closezc a").click(function(){
                $("#mark").hide();
            })


        })
    </script>
    <style>
        #mark{ display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999; background:#000; opacity: 0.5;}
        .tabs,#closezc{ width:700px; margin:0 auto; background:#fff; }
        .tabs{ height:80%;}
        #closezc{ text-align:right; margin-top:50px;}
        #closezc a{ text-decoration:none;}
    </style>
</head>
<body>
<a href="javascript:void(0)" id="zc">遮罩层</a>
<div id="mark">
    <div id="closezc"><a href="javascript:void(0)">关闭</a></div>
    <div class="tabs"> 这里是要弹出来的内容！<br />
    </div>
</div>
</body>
</html>