Hvordan bruke Java Scripts i Dreamweaver

Hvordan bruke Java Scripts i Dreamweaver


Adobe Dreamweaver har flere innebygde Javascript atferd kan du enkelt legge til din nettside med noen få museklikk. Noen av de vanligste Javascript atferd tilgjengelig for deg å bruke, er popup-vinduet, hurtigmelding, bilde swapping, og endre stilen av et element. "forløp" er Javascript-handlinger (som å endre et bilde eller dukker opp vindu) tildelt hendelser (for eksempel klikke et bilde eller svever over teksten med musepekeren). Bildet bytte atferd er ofte brukt til å lage fancy roll knappen effekter. Prøv å legge den innebygde bilde bytte atferd for å se hvordan Dreamweaver atferd arbeid. For best resultat, bør de to knappbilder være de samme dimensjonene.

Bruksanvisning

1 Åpne din nettside i Dreamweaver (eller opprette en ny ved å velge "Fil | Ny" og velge "HTML").

2 Sett den standard knappebilde på din side ved å velge "Sett inn | bilde" og velge bildefilen. Hvis du får meldingen "Vil du kopiere filen til din dokumentmappe nå?" Klikk "Ja" og følg instruksjonene for å lagre en kopi av bildefilen.

3 Klikk på standardknappene bildet for å velge det. Bildet vil bli omgitt av en ramme med håndtaket for størrelsesendring når det velges.

4 Åpne Behaviors palett ved å velge "Window |. Behaviors"

5 Klikk på "Legg Behavior" -knappen (plusstegnet "+") på toppen av paletten. Velg "Swap Image" fra rullegardinmenyen. Den "Swap Image" vises.

6 Klikk på "Browse" -knappen, velg høydepunkt knappen bildefilen, og klikk "OK." Hvis du får meldingen "Vil du kopiere filen til din dokumentmappe nå?" Klikk "Ja."

7 Sjekk "forspenning Bilder" og "Restore Images onmouseout" avmerkingsboksene. Preloading bilder forbedrer hastigheten og ytelsen til rollover image effekt. Gjenopprette bilder onmouseout legger en atferd for å sette på knappen til opprinnelig standard knappbildet når musepekeren beveger seg utenfor bildet.

8 Klikk på "OK". Merk at det er to oppføringer på Behaviors palett. Den "Swap Image" oppførsel er tildelt til "onmouseover" event for bildet. Den "Swap Image Restore" oppførsel er tildelt "onmouseout" hendelse.

9 Lagre nettsiden din.

10 Forhåndsvis nettsiden og teste effekten ved å bevege musepekeren over knappen. Når musepekeren svever over knappen, bør høydepunktet knappebilde vises. Når du beveger musepekeren utenfor knappen, bør standard knappebilde gjenopprettes.

Hint

  • Prøv ut de andre Dreamweaver atferd for å se hva hver enkelt gjør. Hver handling har sine egne muligheter, og det er en rekke arrangementer som du kan bruke til å kontrollere når problemet oppstår. For eksempel, hvis du ønsker en handling skal skje når du klikker på et objekt, bruk "onMouseClick" hendelse for oppførselen.