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:

src="jQueryAssets/jquery-ui-effects.custom.min.js" type="text/javascript"></script>

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

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

Een scripttag wordt samen met de volgende code toegevoegd:

obj[method](effect, {}, speed); }</script>

Op gebeurtenissen gebaseerde jQuery-effecten

Wanneer u een jQuery-effect toepast, wordt het effect standaard toegewezen aan de gebeurtenis onClick. U kunt de gebeurtenis voor activering

van het effect wijzigen met het deelvenster Gedrag.

1. Selecteer het gewenste pagina-element.

2. Klik in het deelvenster Venster > Gedrag op het pictogram Gebeurtenissen instellen weergeven�.

3. Klik op de rij die overeenkomt met het effect dat momenteel is toegepast. De eerste kolom in een vervolgkeuzelijst verandert in een lijst met

gebeurtenissen waaruit u kunt kiezen.

4. Klik op de gewenste gebeurtenis.

166