Operation Manual

Verwenden von jQuery-Effekten in Dreamweaver

Nach oben

Spry-Effekte werden in Dreamweaver CC durch jQuery-Effekte ersetzt. Sie können zwar vorhandene Spry-Effekte auf der Seite noch ändern, aber

Sie können keine neuen Spry-Effekte hinzufügen.

jQuery-Effekte hinzufügen

Ereignisbasierte jQuery-Effekte

jQuery-Effekte entfernen

jQuery-Effekte hinzufügen

1. Wählen Sie in der Entwurfs- oder Codeansicht Ihres Dreamweaver-Dokuments das Element aus, auf das Sie einen jQuery

Effekt anwenden wollen.

2. Wählen Sie „Fenster“ > „Verhalten“, um das Bedienfeld „Verhalten“ zu öffnen.

3. Klicken Sie auf

, wählen Sie „Effekte“ und dann den gewünschten Effekt.

Ein Bedienfeld mit spezifischen Einstellungen für den ausgewählten Effekt wird angezeigt.

4. Legen Sie die Einstellungen fest, etwa ein anderes Zielelement, auf das der Effekt angewendet werden soll, oder die Dauer

des Effekts.

Als Zielelement kann das ursprünglich ausgewählte Element dienen oder auch ein anderes Element auf der Seite.

Angenommen, Sie möchten erreichen, dass beim Klicken auf ein Element A ein Element B ein- oder ausgeblendet wird, dann

ist B das Zielelement.

5. Um mehrere jQuery-Effekte hinzuzufügen, wiederholen Sie die obigen Schritte.

Wenn Sie mehrere Effekte auswählen, wendet Dreamweaver die Effekte in der Reihenfolge an, in der sie im Bedienfeld

„Verhalten“ angezeigt werden. Um die Reihenfolge der Effekte zu ändern, verwenden Sie die Pfeiltasten oben im Bedienfeld.

Dreamweaver fügt automatisch den entsprechenden Code in das Dokument ein. Wenn Sie beispielsweise den Effekt „fade“ ausgewählt haben,

wird der folgende Code eingefügt:

Verweise auf externe Dateien für abhängige Dateien, die für ein Funktionieren des jQuery-Effekts erforderlich sind:

Der folgende Code wird auf das Element im body-Tag angewendet:

Ein script-Tag wird zusammen mit dem folgenden Code eingefügt:

Ereignisbasierte jQuery-Effekte

effects.custom.min.js" type="text/javascript"></script>

<li id="earthFrm" onclick="MM_DW_effectAppearFade($('#earthForms'),'show','fade',1000)"> Earth Forms</li>

speed); }</script>

246