Inserendo il codice "onmouseover" all'interno della tua codifica JavaScript per la tua pagina Web, è possibile visualizzare immagini sulla tua pagina Web che diventano visibili solo quando un elemento grafico o un'altra immagine su è moused finito il cursore. Mediante la visualizzazione di immagini con il codice "onmouseover", si può aggiungere una certa varietà al tuo sito e inserire alcune immagini che non sono immediatamente visibili ai tuoi visitatori.

Istruzioni

1

Accedere al server Web e fare clic sul file HTML al quale si desidera aggiungere le immagini dello schermo "onmouseover".

2

Clicca il cursore nella sezione < head > della pagina HTML. Inserisci questo codice:

< script

Language = "Javascript" ><!..--www.website.com se (document.images)

{image1 = nuova immagine image2 = nuova immagine image1.src = http://www.website.com/visibleimage.jpg' image2.src

= 'l'http://www.website.com/mouseoverimage.jpg'}--> < / script >

Sostituire "il www.website.com" con l'URL della pagina a cui si desidera pubblicare le immagini di "onmouseover".

3

Sostituire "l'http://www.website.com/visibleimage.jpg" con l'URL dell'immagine o elemento grafico che sarà visibile nella pagina quando viene aperto.

4

Sostituire "l'http://www.website.com/mouseoverimage.jpg" con l'URL dell'immagine o elemento grafico che sarà visibile quando la prima immagine è rotolata sopra.

5

Fare clic all'interno della sezione < body > della pagina.

6

Inserire questo codice HTML:

< a href = "l'http://www.website.com"

onMouseOver="document.rollover.src=image2.src" onMouseOut="document.rollover.src=image1.src" >

< img border = 0 name = "rollover" >< /a >

7

Sostituire "l'http://www.website.com/visibleimage.jpg" con l'URL dell'immagine che apparirà sulla pagina quando la pagina viene aperta. Se il server Web offerta un salvataggio fuction clicca "Salva", quindi "pubblica" per pubblicare la pagina.