Seit dem Debüt von Dreamweaver ist sein benutzerfreundliches und leistungsstarkes „Verhalten“ einer der Hotspots, denen jeder Aufmerksamkeit schenkt. In Dreamweaver MX (DW MX) wurde diese Funktion erweitert und verbessert.
In DW MX bezieht sich Verhalten auf einen Vorgang (Aktion), der als Reaktion auf ein Ereignis (Ereignis) ausgeführt wird. Unter „Ereignis“ versteht man Browser-Ereignisse wie Fensteraktualisierung, Mausbewegung usw. Aktion bezieht sich auf den JavaScript-Code, der auf Ereignisse im Hintergrund reagiert und entsprechende Vorgänge ausführen kann, z. B. das Abspielen von Tönen, das Umdrehen von Bildern usw.
Die Verwendung von DW MX zum Erstellen eines Navigations-Dropdown-Menüs ist einer der Spezialeffekte, die häufig auf Webseiten verwendet werden. (Abbildung 1) Verwendet hauptsächlich das Verhalten „Ebenen anzeigen/ausblenden“ in DW MX.
Abbildung 1
Erstellen Sie zunächst die Navigationsleiste (die Spalte „Produktcenter“ in Abbildung 1), fügen Sie dann eine Ebene als Position für die Anzeige des Dropdown-Menüs hinzu und füllen Sie die entsprechenden Spalten des Dropdown-Menüs aus.
Öffnen Sie als Nächstes das Bedienfeld „Verhalten“ und wählen Sie den Link „Produktcenter“ aus (beachten Sie, dass Sie die neu erstellte Ebene zu diesem Zeitpunkt nicht auswählen können, da sonst das Verhalten „Ebenen anzeigen/ausblenden“ nicht angewendet werden kann). Klicken Sie auf das „+“-Zeichen , und wählen Sie „Ebenen ein-/ausblenden“. Sie können sehen, dass sich die gerade erstellte Ebene in der Auswahl befindet und so eingestellt werden kann, dass sie ausgeblendet oder angezeigt wird (Abbildung 2).
Abbildung 2
Die wunderbare Verwendung des Verhaltens spiegelt sich hauptsächlich in Folgendem wider: Wenn wir ein Dropdown-Menü implementieren möchten, besteht der Schlüssel darin, die Ebene anzuzeigen, wenn die Maus über den Link „Produktcenter“ bewegt wird, und die Ebene auszublenden, wenn die Maus ihn verlässt der Link. Basierend auf dieser Idee richten wir zunächst zwei Aktionen für diese Ebene ein, eine wählt „Ausblenden“ und die andere „Anzeigen“. Passen Sie dann das Ereignis an und setzen Sie das Ereignis „Ebene ausblenden“ auf „OnMouseOut“, was bedeutet, dass die Maus den Link verlässt, und setzen Sie das Ereignis „Ebene anzeigen“ auf „OnMouseOver“, was bedeutet, dass die Maus den Link auswählt. Drücken Sie „F12“, um eine Vorschau anzuzeigen, und Sie können den erwarteten Effekt sehen.
Auf diese Weise kann das Navigations-Dropdown-Menü, das wir normalerweise als mysteriös empfinden, einfach in das Verhalten implementiert werden. Sie können das Verhalten „Bild tauschen“ auch weiterhin auf Navigationslinks anwenden, um einen Bildspiegelungseffekt zu erzielen, wenn die Maus auf den Link klickt.
Verhalten sind keine isolierten Spezialeffekte. Sie können durch mehrere Verhaltensweisen kombiniert und überlagert werden, um komplexe Funktionen zu erreichen. Zusätzlich zu den von DW MX festgelegten Standardverhaltensweisen können wir auch weitere coole Verhaltensweisen von Drittanbietern herunterladen Sie müssen sie nur direkt in das Verzeichnis DreamweaverMXConfigurationBehaviorsActions kopieren, um diesen Glanzpunkt von DW MX noch beeindruckender zu machen.