Hvordan lage en In & Out Slide Effekt på Dreamweaver

Hvordan lage en In & Out Slide Effekt på Dreamweaver


Webdesignere bruker den populære Adobe Dreamweaver webutvikling programvare som et verktøy for å utforme nettsteder. Dreamweaver lar webdesignere å tildele atferd til nettstedet elementer som bilder. Dreamweaver bruker Javascript til å gjennomføre disse atferd. En av disse atferd attributter er kjent som "gli inn og ut" oppførsel. En webdesigner tildeler lysbildet atferden til en nettside element. Når nettstedet brukerne klikker på elementet den glir opp eller ned ved et forhåndsbestemt beløp.

Bruksanvisning

1 Skriv HTML-koden. Du må bryte ditt element innsiden av en forelder element. Den overordnede element må tilordnes en unik identifikasjon. Denne eksempelkode plasserer et bilde av et menyvalg innsiden av en forelder divisjon. Divisjonen er tildelt ID "imageWrapper."

<Div id = "imageWrapper">

<Img menyvalget fra valglinjen øverst på skjermen og "atferd" undermenyen. The Behavior vindu skal vises på høyre side av skjermen.

4 Trykk på "+" knappen øverst på Behaviors panel. Dette skaper en ny atferd.

5 Velg "Slide" effekt alternativet fra den nye atferder menyen.

6 Tildele egenskaper til det nye lysbildet effekt. Du kan føre elementet for å skyve opp eller ned og la effekten reverseres. Du kan også bestemme hvor høyt eller lavt element lysbilder når klikket av nettstedets besøkende.

Hint

  • Når den nye glidebryteren effekten er brukt, vil Adobe legge en Javascript-fil 2000-linjen til hodet delen av HTML-siden. Ikke glem å laste opp denne Javascript-fil til serveren din, eller glidebryteren vil ikke fungere. Filen er berettiget SpryEffects.js.