博客

使用js动态添加全局遮罩层

代码

function setMask(){//设置遮罩层
            var mask = document.createElement('div');
            mask.style.width = window.innerWidth + 'px';
            mask.style.height = window.innerHeight + 'px';
            mask.style.background = '#fff';
            mask.style.opacity = '.1';
            mask.style.position = 'fixed';
            mask.style.top = '0';
            mask.style.left = '0';
            mask.style.zIndex = 10086;
            document.body.appendChild(mask);
        }

使用

在需要使用的代码段中直接调用setMask方法即可。