简体中文（ZH-CN）English（EN）繁体中文（ZH-TW）日本語（JA）한국어（KO）Melayu（MS）Français（FR）Deutsch（DE）
Heim
Artikel
Fragen und Antworten
Kurs
Thema
Herunterladen
Spiel
Wörterbuch
kürzliche Updates

Heim  >  Artikel  >  Web-Frontend  >  弹出最简单的模式化遮罩层的js代码_javascript技巧

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

WBOY
WBOYOriginal
2016-05-16 17:10:391061Durchsuche

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

复制代码 代码如下:






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



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


Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：JS获取html对象的几种方式介绍_javascript技巧Nächster Artikel：JS获取URL中的参数数据_javascript技巧

In Verbindung stehende Artikel

Mehr sehen