Operation Manual

jQuery-effecten gebruiken in Dreamweaver

Naar boven

In Dreamweaver CC zijn Spry-effecten vervangen door jQuery-effecten. U kunt de bestaande Spry-effecten op uw pagina nog steeds wijzigen,

maar u kunt geen nieuwe Spry-effecten toevoegen.

jQuery-effecten toevoegen

Op gebeurtenissen gebaseerde jQuery-effecten

jQuery-effecten verwijderen

jQuery-effecten toevoegen

1. Selecteer in de ontwerpweergave of codeweergave van uw Dreamweaver-document het element waarop u een jQuery-effect

wilt toepassen.

2. Selecteer Venster > Gedrag om het deelvenster Gedrag te openen.

3. Klik op

en op Effecten en klik vervolgens op het gewenste effect.

Het aanpassingsdeelvenster met de instellingen voor het geselecteerde effect wordt weergegeven.

4. Geef de instellingen op, zoals het doelelement waarop het effect moet worden toegepast en de duur van het effect.

Het doelelement kan het element zijn dat u oorspronkelijk hebt geselecteerd of een ander element op de pagina. Als u

bijvoorbeeld wilt dat gebruikers op een element A klikken om een element B te verbergen of weer te geven, is het

doelelement B.

5. Herhaal de bovenstaande stappen om meerdere jQuery-effecten toe te voegen.

Wanneer u meerdere effecten kiest, worden de effecten in Dreamweaver toegepast in de volgorde waarin ze in het

deelvenster Gedrag worden weergegeven. Als u de volgorde van de effecten wilt wijzigen, gebruikt u de pijltoetsen boven aan

het deelvenster.

Dreamweaver voegt automatisch de relevante code in uw document in. Als u bijvoorbeeld het effect 'Vervagen' hebt geselecteerd, wordt de

volgende code ingevoegd:

Externe bestandverwijzingen voor de afhankelijke bestanden die vereist zijn de werking van jQuery-effecten:

De volgende code wordt toegepast op het element in de body-tag:

Een scripttag wordt samen met de volgende code toegevoegd:

Op gebeurtenissen gebaseerde jQuery-effecten

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

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

speed); }</script>

449