Quando si inserisce un codice OnMouseOver JavaScript nella vostra pagina web, siete in grado di creare un'altra immagine sopra l'immagine che appare già nella pagina. Questo può essere utile se si progetta una pagina web e si desidera agli utenti di vedere le differenze tra due foto. Come l'utente scorre sopra l'immagine, la nuova immagine viene visualizzata, ma quando l'utente scorre fuori l'immagine, l'immagine originale riapparirà.

Istruzioni

1

Accedere al server web e fare doppio clic per aprire la pagina HTML in cui si desidera includere il codice OnMouseOver.

2

Scorri fino alla sezione < corpo > della pagina e fare clic sulla posizione in cui si desidera creare un'immagine sopra un'altra immagine.

3

Inserisci questo codice:

< img nome = "mouseover" onMouseOver="document.images['mouseover'].src= 'l'http://www.website.com/image.jpg'"

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

4

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

5

Sostituire tutte le tre istanze di "l'http://www.website.com/newimage.jpg" con l'immagine che si desidera creare per vengono visualizzate quando passi il mouse sopra l'immagine.

6

Pubblicare la pagina.