js实现页面遮罩层

来源：互联网发布：c语言获取时间戳编辑：程序博客网时间：2024/05/14 05:18

//遮罩层

function shelter(){

           var sWidth,sHeight;
               sWidth = screen.availWidth - 20;//防止溢出
               if(screen.availHeight > document.body.scrollHeight){
                   sHeight = screen.availHeight; //少于一屏
               }else{
                   sHeight = document.body.scrollHeight; //多于一屏
               }
                   //创建遮罩背景
                   var maskObj = document.createElement("div");
                   maskObj.setAttribute('id','maskdiv');
                   maskObj.style.position = "absolute";
                   maskObj.style.top = "0";
                   maskObj.style.left = "0";
                   maskObj.style.background = "#fff";
                   maskObj.style.filter = "Alpha(opacity=40);";
                   maskObj.style.opacity = "0.4";
                   maskObj.style.width = sWidth + "px";
                   maskObj.style.height = sHeight + "px";
                   maskObj.style.zIndex = "10000";
                   document.body.appendChild(maskObj);

}

//解除遮罩层

function unshelter(){
document.body.removeChild(document.getElementById('maskdiv'));

}

0 0