最简单的js+css遮罩实现

来源:互联网 发布:邯郸数据库工程师招聘 编辑:程序博客网 时间:2024/06/04 19:25

在<body>里面放置<div id="cover" class="cover"></div>


页面添加style

<style type="text/css">
.cover {
position:fixed; top: 0px; right:0px; bottom:0px;filter: alpha(opacity=60); background-color: #777;
z-index: 1002; left: 0px; display:none;opacity:0.5; -moz-opacity:0.5;
}
</style>


添加js脚本,实现遮罩

function showMask(){
    $("#cover").toggle();
}


直接调用showMask()

0 0
原创粉丝点击