618542
21
Zoom out
Zoom in
Previous page
1/750
Next page
Verwenden von jQuery-Effekten in Dreamweaver
Nach oben
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:
<script src="jQueryAssets/jquery-1.7.2.min.js" type="text/javascript"></script><script
src="jQueryAssets/jquery-ui-effects.custom.min.js" type="text/javascript"></script>
Der folgende Code wird auf das Element im body-Tag angewendet:
<li id="earthFrm" onclick="MM_DW_effectAppearFade($('#earthForms'),'show','fade',1000)"> Earth Forms</li>
Ein script-Tag wird zusammen mit dem folgenden Code eingefügt:
<script type="text/javascript"> function MM_DW_effectAppearFade(obj,method,effect,speed) {
obj[method](effect, {}, speed); }</script>
Ereignisbasierte jQuery-Effekte
Wenn Sie einen jQuery Effekt anwenden, wird er standardmäßig dem Ereignis „onClick“ zugewiesen. Im Bedienfeld „Verhalten“ können Sie
jedoch das auslösende Ereignis für einen Effekt ändern.
1. Wählen Sie das erforderliche Seitenelement aus.
2. Klicken Sie im Bedienfeld „Verhalten“ („Fenster“ > „Verhalten“) auf das Symbol „Festgelegte Ereignisse zeigen“.
3. Klicken Sie auf die Zeile, die dem aktuell angewendeten Effekt entspricht. Wenn Sie in die linke Spalte klicken, erscheint eine Dropdownliste
mit den verfügbaren Ereignissen.
4. Klicken Sie gegebenenfalls auf den Pfeil für die Dropdownliste und dann auf das erforderliche Ereignis.
20
21


Need help? Post your question in this forum.

Forumrules


Report abuse

Libble takes abuse of its services very seriously. We're committed to dealing with such abuse according to the laws in your country of residence. When you submit a report, we'll investigate it and take the appropriate action. We'll get back to you only if we require additional details or have more information to share.

Product:

For example, Anti-Semitic content, racist content, or material that could result in a violent physical act.

For example, a credit card number, a personal identification number, or an unlisted home address. Note that email addresses and full names are not considered private information.

Forumrules

To achieve meaningful questions, we apply the following rules:

Register

Register getting emails for Adobe Dreamweaver CC - 2013 at:


You will receive an email to register for one or both of the options.


Get your user manual by e-mail

Enter your email address to receive the manual of Adobe Dreamweaver CC - 2013 in the language / languages: German as an attachment in your email.

The manual is 14,16 mb in size.

 

You will receive the manual in your email within minutes. If you have not received an email, then probably have entered the wrong email address or your mailbox is too full. In addition, it may be that your ISP may have a maximum size for emails to receive.

Others manual(s) of Adobe Dreamweaver CC - 2013

Adobe Dreamweaver CC - 2013 User Manual - English - 732 pages

Adobe Dreamweaver CC - 2013 User Manual - Dutch - 787 pages


The manual is sent by email. Check your email

If you have not received an email with the manual within fifteen minutes, it may be that you have a entered a wrong email address or that your ISP has set a maximum size to receive email that is smaller than the size of the manual.

The email address you have provided is not correct.

Please check the email address and correct it.

Your question is posted on this page

Would you like to receive an email when new answers and questions are posted? Please enter your email address.



Info