„Wie erstelle ich ein Popup-Fenster?“ Diese Frage wird häufig von Dreamweaver-Anfängern gestellt. Suchen Sie einfach eine Website, die Spezialeffekte anbietet, oder laden Sie ein Spezialeffekt-Tool herunter und fügen Sie den Code ein! Es ist noch nicht einfach. Tatsächlich ist es einfacher, unseren am häufigsten verwendeten Dreamweaver zu verwenden. Ein normales Popup-Fenster lässt sich mit nur wenigen Klicks ausfüllen. Glauben Sie es nicht? Kommen Sie und sehen Sie! Befolgen Sie einfach die folgenden Schritte und Sie können ganz einfach einen Popup-Fenstereffekt erstellen.
1. Rufen Sie zunächst das Verhaltenspanel über Fenster->Verhalten in der Menüleiste auf oder drücken Sie direkt die Tastenkombination Umschalt+F3.
2. Drücken Sie, wie in der Abbildung gezeigt, auf das „+“-Zeichen in der oberen linken Ecke des Verhaltensbereichs, um ein Verhalten hinzuzufügen, und wählen Sie im Popup-Menü das Verhalten „Browserfenster öffnen“ aus.
3. Nach Auswahl des Verhaltens wird das Dialogfeld „Browserfenster öffnen“ angezeigt, wie in der Abbildung dargestellt. Geben Sie einfach die entsprechenden Fensterinformationen in das Dialogfeld ein und klicken Sie auf „OK“, um die Anpassung des Popup-Fensters abzuschließen. In
„URL zur Anzeige“: Für die Adresse der Webseite, die Sie in einem neuen Fenster anzeigen möchten, können Sie die Adresse direkt eingeben oder auf die Schaltfläche „Durchsuchen“ klicken, um sie anzugeben.
„Fensterbreite“ und „Fensterhöhe“: sind die Breite bzw. Höhe des neuen Fensters in Pixel.
„Attribute“: Es handelt sich um die Eigenschaften des Fensters.
„Navigationssymbolleiste“, „Menüleiste“, „Positionssymbolleiste“, „Bildlaufleisten nach Bedarf“, „Statusleiste“, „Griffe ändern“
Stellt Symbolleiste, Menüleiste, Positionierungssymbolleiste, Bildlaufleiste bzw. Größenänderungsgriff dar. Die Auswahl des Häkchens vor der entsprechenden Stelle bedeutet, dass das neue Fenster über die entsprechenden Funktionen verfügt.
„Fenstername“: ist der Name des Zielfensters. Sie können ein beliebiges Fenster auswählen oder den Namen eines Fensters in der Rahmengruppe angeben. Wenn Sie ein Popup-Fenster erstellen, geben Sie ihm einfach einen zufälligen Namen.
Nach Abschluss der oben genannten Schritte sieht das Verhaltensfenster folgendermaßen aus und zeigt an, dass beim Laden der Seite (onLoad) ein neues Browserfenster geöffnet wird.
Tatsächlich ist der Prozess des Hinzufügens von Verhalten im Verhaltensbereich der Prozess, bei dem Dreamweaver Javascript-Code generiert. In den obigen Schritten wurde der folgende Code generiert. Die unten fett dargestellten Kommentare zwischen „< !—“ und „-- >“ sind die Kommentare für diesen Teil des Codes:
<html>
<Kopf>
<title>Unbenanntes Dokument</title>
< meta http-equiv="Content-Type" content="text/html; charset=gb2312" >
<script language="JavaScript" >
< !--
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-- >
</ /script >< ! – Öffnen Sie das Fenster basierend auf dem übergebenen Wert ->
</ /head >
< body bgcolor="#FFFFFF" text="#000000" onLoad="MM_openBrWindow('yourpage.htm', 'winname','toolbar=yes,location=yes,status=yes, menubar=yes,scrollbars=yes, resizable=yes,width=300,height=200')" >
< ! – Legen Sie den Wert jedes Attributs des Popup-Fensters fest, übergeben Sie den Wert an jeden entsprechenden formalen Parameter und setzen Sie das Auslöseereignis auf onLoad-->
Popup-Fenstereffekt
< /body >
< /html >
Sie können den obigen Code wie folgt verstehen: Wenn das onLoad-Ereignis ausgelöst wird (d. h. wenn das Bild oder die Seite nicht mehr geladen wird), wird die Methode MM_openBrWindow() aufgerufen und der Wert angegeben
„‚yourpage.htm‘, ‚winname‘, ‚toolbar=yes,location=yes, status=yes,menubar=yes,scrollbars=yes, resizable=yes,width=300,height=200‘“
(Hier als tatsächliche Parameter bezeichnet) Übergeben Sie die entsprechenden formalen Parameter – „theURL, winName, Features“ zur Verwendung durch window.open(). Beachten Sie, dass alle drei Parameter in einfache Anführungszeichen gesetzt werden müssen. Unter diesen Codes ist der kritischste Satz:
„window.open(theURL,winName,features)“
Dies bedeutet, dass im Fenster mit dem Namen „winName“ die Seite unter der URL-Adresse entsprechend den durch „Features“ angegebenen Merkmalen geöffnet wird.
Nachdem wir die Bedeutung des Codes verstanden haben, können wir wissen, dass der Code direkt wie folgt geschrieben werden kann: <body> hinzufügen
onLoad="window.open('yourpage.htm', 'winname','toolbar=yes, location=yes,status=yes,menubar=yes, scrollbars=yes,resizable=yes,width=300,height=200' )"
Ein Satz. Diese Schreibweise unterscheidet sich nicht von der Wirkung, die Dreamweaver automatisch generiert.
Wir kennen bereits die Bedeutung der drei Parameter in window.open() – der erste ist die Adresse der anzuzeigenden Seite, der zweite ist der Name des Zielfensters und der dritte ist eine Beschreibung der Erscheinungsmerkmale der Seite Fenster. Ich werde nicht näher auf den ersten und zweiten Parameter eingehen. Lassen Sie uns über den dritten Parameter sprechen. Für den dritten Parameter können wir schreiben
„'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no, width=300, height=200,left=100, top=100'“
Hier stellt die Symbolleiste die Symbolleiste dar, der Ort die Adressleiste, die Verzeichnisse die Navigationsleiste, der Status die Statusleiste, die Menüleiste die Menüleiste, die Bildlaufleisten die Bildlaufleiste, die Größenänderung den Griff zur Größenänderung und Breite und Höhe die Die Breite und Höhe des Fensters links bzw. oben stellen die Position dar, an der das Fenster geöffnet wird.
Die Werte für Symbolleiste, Speicherort, Verzeichnisse, Status, Menüleiste, Bildlaufleisten und Größenänderung können auf Ja, Nein, 1 oder 0 festgelegt werden. Ja (1) bedeutet, dass das neue Fenster über diese Funktion verfügt, und Nein (0). nicht. Die Werte für Breite, Höhe, links und oben sollten mit Zahlen ausgefüllt werden und die Einheit ist px.
Nachdem ich so viel gesagt habe, verstehen Sie? Ist es nicht einfach, in Dreamweaver Verhaltensweisen hinzuzufügen und Popup-Fenster zu erstellen? Ist es nicht schwierig, Code von Hand zu schreiben? Solange Sie in kurzer Zeit etwas mehr üben, werden Sie spüren: Es stellt sich heraus, dass das Erstellen von Popup-Fenstern so einfach ist!