A JavaScript image rollover är en intressant grupp av HTML och JavaScript -kod , när en webbplats användare pekar på en bild , tar en annan bild sin plats . När användaren flyttar musen bort från bilden , kommer den ursprungliga bilden tillbaka i sikte . Efter att ha konstaterat två bilder som du vill använda , följer du anvisningarna nedan för att göra en bild rollover av ditt eget . Instruktioner
1
Öppna Anteckningar eller din favorit HTML- authoring program . Märk upp dokument med grundläggande öppning taggar som följer .
4
Skriv in koden för att berätta bilden hur man beter sig när muspekaren rör sig över bilden eller bort från bilden , enligt följande . " SamplePage.html " kan ersättas med en länk som du väljer . Lägg märke till att " pictureTwo.src " och " pictureOne.src " matchar de objektnamn som du etablerade above.onMouseOver = " document.sample.src = pictureTwo.src ; " onMouseOut = " document.sample.src = pictureOne.src ; " >
5
Berätta det dokument som bilden ska visas när sidan laddas . Meddelande genom att namnge bilden container " prov " du använder samma objekt namn som den tidigare gruppen av koden ( document.sample.src ) . Name = " prov " >
6
Finish kodning din dokument genom att stänga ut de återstående HTML-taggar .
