Come creare immagini con OnMouseOver

November 6

Quando si inserisce un codice JavaScript OnMouseOver sulla tua pagina web, si è in grado di creare un'altra immagine sopra l'immagine che appare già sulla pagina. Questo può essere utile se si sta progettando una pagina web e si desidera che gli utenti di vedere le differenze tra due foto. Come l'utente scorre sopra l'immagine, appare la nuova immagine, ma quando l'utente scorre fuori l'immagine, l'immagine originale riappare.

istruzione

1 Accedi al tuo web server e fare doppio clic per aprire la pagina HTML in cui si includono il codice OnMouseOver.

2 Scorrere verso il basso fino alla sezione <body> della pagina e cliccare sulla posizione in cui si desidera creare un'immagine in cima ad un'altra immagine.

3 Inserisci questo codice:

<Img Nome del = "mouseover" onMouseOver = "document.images [ 'mouseover'] .src = 'http: //www.website.com/image.jpg'"

onMouseOut = "document.images [ 'mousetest'] .src = 'http: //www.website.com/newimage.jpg'" width = "234" height = "91" />

4 Sostituire "http://www.website.com/image.jpg" con l'URL dell'immagine che si desidera includere nella pagina.

5 Sostituire tutte e tre le istanze di "http://www.website.com/newimage.jpg" con l'immagine che si desidera creare a comparire quando il mouse sopra l'immagine.

6 Pubblicare la pagina.