Rumah > Artikel > hujung hadapan web > 弹出最简单的模式化遮罩层的js代码_javascript技巧

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

WBOYasal: 2016-05-16 17:10:391061semak imbas

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

复制代码代码如下:

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

复制代码代码如下:

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

复制代码代码如下:

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：JS获取html对象的几种方式介绍_javascript技巧Artikel seterusnya：JS获取URL中的参数数据_javascript技巧

Artikel berkaitan

Lihat lagi