Im vorherigen Kapitel habe ich vorgestellt, dass der maskierten Seite ein Teilbereichsbearbeitungsmodul hinzugefügt werden kann. In diesem Kapitel werde ich die übergeordnete Seite vorstellen, um die Maskenebene anzuzeigen und einen halbtransparenten Dialog aufzurufen. Dialog ist die Popup-Unterseite, div.
Die Darstellungen lauten wie folgt:
Die spezifische Code-Implementierung lautet wie folgt:
Kopieren Sie den Codecode wie folgt:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<KOPF>
<TITLE> Neues Dokument </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Autor" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Beschreibung" CONTENT="">
</HEAD>
<style type="text/css">
<!--
.mydiv {
Hintergrundfarbe: #FFFFFF;
Rand: 5 Pixel fest #c7c7c7;
Textausrichtung: Mitte;
Zeilenhöhe: 20px;
Schriftgröße: 12px;
Schriftstärke: fett;
Z-Index:999;
Breite: 500px;
Höhe: 300px;
links:50 %;
oben:50%;
margin-left:-150px!important;/*FF IE7 dieser Wert ist die Hälfte seiner eigenen Breite*/
margin-top:-60px!important;/*FF IE7 Dieser Wert ist die Hälfte seiner Höhe*/
margin-top:0px;
position:fixed!important;/* FF IE7*/
Position:absolut;/*IE6*/
_top: expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/
}
.bg,.popIframe {
Hintergrundfarbe: #666; Anzeige:keine;
Breite: 100 %;
Höhe: 100 %;
links:0;
top:20%;/*FF IE7*/
filter:alpha(opacity=50);/*IE*/
Deckkraft:0,5;/*FF*/
Z-Index:1;
position:fixed!important;/*FF IE7*/
Position:absolut;/*IE6*/
_top: expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/* www.VeVB.COm IE5 IE5.5*/
}
->
</style>
<Skript>
Funktion showDiv(tag,tid,lawyerName){
var light1=document.getElementById(tag);
light1.style.display='block';
document.getElementById('bg').style.display='block';
}
Funktion closeDiv(){
document.getElementById('popDiv').style.display='none';
document.getElementById('bg').style.display='none';
}
</script>
<KÖRPER>
<div id="popDiv" style="display:none;">
<pre>
Pfirsichblütentempel (Auszug von Zhang Xiaosi)
In Taohuawu gibt es einen Pfirsichblütentempel und unter dem Pfirsichblütentempel eine Pfirsichblütenfee.
Die Pfirsichblütenfee pflanzte Pfirsichbäume und pflückte Pfirsichblüten gegen Weingeld.
Wenn ich nüchtern bin, sitze ich einfach vor den Blumen; wenn ich betrunken bin, schlafe ich unter den Blumen ein.
Betrunken und betrunken wachen wir Tag für Tag auf und Blumen blühen und fallen Jahr für Jahr.
Ich wünschte, ich könnte in meinem Alter sterben und meine Zeit mit Weintrinken verbringen, anstatt mich vor meiner Kutsche zu verbeugen.
Den Reichen genügen Autos, Staub und Pferde, den Armen Weinbecher und Zweige.
Wenn man die Reichen und Adligen mit den Armen und Demütigen vergleicht, ist einer auf der Erde und der andere im Himmel.
Wenn Blumen und Wein mit Streitwagen und Pferden verglichen würden, müsste er fahren und ich hätte nichts zu tun.
Andere lachen mich aus, weil ich verrückt bin, aber ich lache über andere, weil sie es nicht durchschauen können.
Es gibt keine Heldengräber aus den Fünf Gräbern und es gibt weder Blumen noch Wein, um die Felder zu bewirtschaften.
</pre>
<a href="javascript:closeDiv()" >Schließen</a>
</div>
<div id="bg" style="display:none;z-index:100;"></div>
<br/><br/><br/><br/><br/><br/><br/>
<a href="javascript:showDiv('popDiv')" style="font-size:20px;margin-left:100px">Erscheint</a>
</BODY>
</HTML>