Wenn Sie es noch nicht wissen, können Sie sich dieses einfache Beispiel unten ansehen.
Die Codekopie lautet wie folgt:
<html>
<kopf>
<titels> Nachdem ein Fenster auftaucht, ist die nachfolgende Ebene nicht operativ </title>
<Script>
Funktion show () // versteckte Schicht und Popup-Schicht zeigen
{
var hideObj = document.getElementById ("hideBg");
hideBg.style.display = "block"; // versteckte Schicht zeigen
hideBg.style.height = document.body.clientHeight+"px"; // Stellen Sie die Höhe der versteckten Ebene auf die aktuelle Seitenhöhe ein
document.getElementById ("hidebox"). style.display = "block"; // Zeigen Sie die Popup-Ebene
}
Funktion hide () // Versteckte Schichten und Pop-up-Schichten entfernen
{
document.getElementById ("hideBg"). style.display = "keine";
document.getElementById ("hideBox"). style.display = "Keine";
}
</script>
<Styles>
Körper {Margin: 0px; Polsterung: 0px; Text-Align: Mitte;}
#Hidebg {Position: absolut; links: 0px; ober: 0px;
Hintergrundfarbe:#000;
Breite: 100%; /*Die Breite ist auf 100%eingestellt, so dass die versteckte Hintergrundschicht die Originalseite abdecken kann*/
Filter: Alpha (Deckkraft = 60); /*Transparenz auf 60%einstellen*/
Deckkraft: 0,6; /*Setzen Sie Transparenz auf 60% im Nicht-IE-Browser*/
Anzeige: Keine; / * //www.vevb.com */
Z-Index: 2;}
#HideBox {Position: absolut; Breite: 400px; Höhe: 300px; Top: 200px; links: 30%; Hintergrundfarbe: #ffff; Anzeige: Keine; Cursor: Zeiger; Z-Index: 3;}
#Content {text-Align: Mitte; Cursor: Zeiger; Z-Index: 1;}
</style>
</head>
<body>
<div id = "hideBg"> </div>
<div id = "hideBox" onclick = "hide ();"> klicken, um </div> zu schließen.
<div id = "content" onclick = "show ();"> klicken, um </div> zu versuchen
</body>
</html>