弹出最简单的掩蔽层的js代码

假设我们有一个容器容器,如下所示:
复制代码代码如下所示:

#容器{宽度:汽车;高度:汽车;溢出:隐藏;}
*这里溢出:隐藏的是设置属性;超出自动隐藏的容器部分,设置此属性,以解决IE8及以下版本的浏览器兼容性问题。





在Web页面中弹出一个div层,以便在关闭弹出的div层之前不能操作容器。
然后,首先,我们需要定义这个掩码的div层,如下所示:
复制代码代码如下所示:

<!-把面具放在容器里





接下来,使用js使掩码始终显示在不在掩码层下运行的屏幕上,单击关闭按钮关闭掩码层。
复制代码代码如下所示:

$(函数(){())
获取当前浏览器的内部宽度和高度
varnwidth = window.innerwidth;
varnheight = window.innerheight;
掩码层的宽度和高度设置
$(#荫)。Width(nWidth);
$(#阴影)高度(nheight);
设置/关闭按钮显示中心
$(#关闭)。Css(边缘上
当浏览器/触发器设置更改事件的大小时
$(窗口)。调整大小(函数(){)
获取当前浏览器的内部宽度和高度
varnwidth = window.innerwidth;
varnheight = window.innerheight;
掩码层的宽度和高度设置
$(#荫)。Width(nWidth);
$(#阴影)高度(nheight);
设置/关闭按钮显示中心
$(# putpwd)。Css(边缘上
});
设置关闭按钮消除遮罩层
$(#关闭)。Click(function(){)
$(#荫)。RemoveAttr(ID);
$(#荫)。Html();
});
也可以用来写纯js
document.getelementbyid(阴影)。风格…;
后退/不要再说了,如果你感兴趣,可以写信,我可以联系。
})