A JavaScript billede rollover er en interessant gruppe af HTML og JavaScript-kode , når et websted bruger peger på et billede , et andet billede finder sin plads . Når brugeren bevæger musen væk fra billedet , det originale billede kommer tilbage til syne . Efter at have fundet to billeder , som du ønsker at bruge , skal du følge disse anvisninger for at lave et billede rollover på din egen. Instruktioner
1
Åbn Notesblok eller dit foretrukne HTML authoring program . Markér dokumentet op med grundlæggende åbning tags som følger .
4
Skriv koden til at fortælle billedet hvordan man opfører sig , når musemarkøren bevæger sig hen over billedet eller væk fra billedet , som følger. " SamplePage.html " kan erstattes med et link i dit valg. Bemærk, at " pictureTwo.src " og " pictureOne.src " matche objekt navne etablerede above.onMouseOver = " document.sample.src = pictureTwo.src ," onMouseOut = " document.sample.src = pictureOne.src ; ">
5
Fortæl det dokument, som billedet skal vises , når siden første belastninger. Notice ved at navngive billedet beholder " prøve ", du bruger den samme objekt navn som den tidligere gruppe af kode ( document.sample.src ) . Name = "prøve" >
6
Finish kodning din dokument ved at lukke de resterende HTML-tags.