js创建遮罩

最新推荐文章于 2021-05-25 00:43:38 发布

缄默如石L

最新推荐文章于 2021-05-25 00:43:38 发布

阅读量817

点赞数

分类专栏： H5 文章标签： js mask 遮罩

本文链接：https://blog.csdn.net/qq_35610830/article/details/88735471

版权

H5 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

function createMask(){
   var maskDiv = document.createElement("div");
    maskDiv.className = "mask"
    maskDiv.style.cssText = "height:100%;width:100%;position:fixed;_position:absolute;top:0;z-index:99999;opacity:0.8; filter: alpha(opacity=80);background-color:#000;";
    document.body.appendChild(maskDiv);
}
function showMask(){
   var mask = document.getElementsByClassName("mask");
   mask.style.display = 'block';
}
function hideMask(){
   var mask = document.getElementsByClassName("mask");
   mask.style.display = 'none';
    document.body.removeChild(mask);
}