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.
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.