当前位置:Gxlcms > JavaScript > 弹出最简单的模式化遮罩层的js代码_javascript技巧

弹出最简单的模式化遮罩层的js代码_javascript技巧

时间:2021-07-01 10:21:17 帮助过:7人阅读

假设我们有一个容器container如下:
代码如下:






现在要在网页中弹出一个div层,使在关闭弹出的div层之前不可操作container。
那么,我们首先需要定义出这个遮罩的div层如下:
代码如下:







接下来,就是用js来使遮罩层始终显示在屏幕上并不可操作遮罩层下面的内容,点击关闭按钮关闭遮罩层
代码如下: