JavaScript動態添加全局遮罩層

使用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方法即可。