Hvordan oppretter flere Javascript Velt i Dreamweaver

Roll-overs på en nettside medføre at bildet endrer seg når moused over av en besøkende. Brukes i meny linker, kan denne teknikken hjelpe besøkende å navigere gjennom nettstedet ditt med letthet. Hvis nettstedet ditt design krever at mer enn ett område av en side endres når en besøkende svever over en kobling, Dreamweaver tilbyr en enkel måte å oppfylle målet ditt med Javascript - uten behov for koding!

Bruksanvisning

1 Lag bildene i bilde bygge programvare. Du trenger separate basis bilder og roll-over bildene for hvert område av området du ønsker å endre i løpet av en mus-over. For sømløse velt, både basen og svever bilder for en enkel roll-over skal være nøyaktig samme størrelse og bør ha samme bakgrunn. Lagre bildene som web-klar JPEG eller GIF-filer.

2 Legg inn første velt. I Dreamweaver fil, klikker du markøren der du vil at basen roll-over bildet skal vises. Nå klikker du på pilen ved siden av bildeikonet i verktøylinjen din (det er ikonet som ser ut som et bilde av et tre). Fra rullegardinmenyen, velg "Roll bilde». Du kan også klikke på Sett inn> Bilde gjenstander> Roll Bilde fra hoved Dreamweaver MX menylinjen.

3 Legg din base og sveve på bilder med "Insert Roll bilde" dialogboksen. Gi bildet et bestemt navn. Du vil bruke dette navnet når de legger til andre roll-over. Sett din base bilde og din roll bildet ved hjelp av de to første "Bla gjennom" knappene. Sjekk "Preload roll bilde" boksen for å instruere nettlesere for å laste roll bilde samtidig alle andre bilder er lastet når en side er åpnet.

4 Konfigurer koblingen for din første roll-over. Ved siden av tekstboksen merket "Når klikket, gå til URL:", bla etter filen som din roll-over vil lenke. Når du er ferdig, klikker du på OK-knappen på høyre side av dialogboksen. Lagre filen og åpne den i en nettleser for å sørge for at roll-over koblingen fungerer slik du tenkt.

5 Legg til en ekstra roll-over som aktiveres når det opprinnelige bildet er moused over. Gå tilbake til Dreamweaver og sette foten bilde for andre roll-over. Åpne Behaviors vinduet. Fremhev din base bildet, og klikk på "+" drop down menyen fra Behaviors vinduet for å legge en ny Javascript-oppførsel. Velg "Swap Image" fra atferden listen. Fra fillisten i dialogboksen velge filnavnet du har definert for din første roll-over sin opprinnelige bildet. Deretter bla etter andre roll-over sin hover bildeposisjonen med "Browse" -knappen. Klikk "OK" og din andre roll-over skal konfigureres. Lagre filen og vurdere den i en nettleser på nytt. Når du holder musen over den opprinnelige roll-over bildet, både det opprinnelige bildet og det andre roll-over bildet bør bytte som du konfigurert.