A JavaScript image rollover er en interessant gruppe av HTML og JavaScript-kode , når en nettside bruker peker på et bilde , tar et annet bilde sin plass . Når brukeren beveger musen vekk fra bildet , kommer det opprinnelige bildet tilbake til syne. Etter å ha funnet to bilder som du ønsker å bruke, følg disse instruksjonene for å lage et bilde rullering av din egen. Instruksjoner
en

Åpne Notisblokk eller din foretrukne HTML redigeringsprogram . Marker opp dokumentet med grunnleggende åpning koder som følger.
4

Skriv inn koden for å fortelle bilde hvordan de skal oppføre seg når musepekeren beveger seg over bildet eller bort fra bildet , som følger. " SamplePage.html " kan erstattes med en kobling av ditt valg. Legg merke til at " pictureTwo.src " og " pictureOne.src " matche objektet navnene du etablerte above.onMouseOver = " document.sample.src = pictureTwo.src ; " onMouseOut = " document.sample.src = pictureOne.src ; ">
5

Fortell dokumentet hvilket bilde skal vises når siden først laster . Varsel ved å navngi bildet beholder " sample ", du bruker samme objekt navn som den forrige gruppen av kode ( document.sample.src ) . Name = "sample ">
6

Finish koding din dokumentet ved å stenge ut de resterende HTML-koder.