Come visualizzare le immagini con OnMouseOver

July 7

Includendo il codice "onmouseover" all'interno di codificare il tuo JavaScript per la pagina Web, è possibile visualizzare le immagini sulla vostra pagina Web che diventano visibili solo quando un grafico o un'altra immagine sopra è il mouse su dal cursore. Con la visualizzazione di immagini con il codice "onmouseover", è possibile aggiungere un po 'di varietà al vostro sito e inserire alcune immagini che non sono immediatamente visibili per i tuoi visitatori.

istruzione

1 Accedere al server Web e fare clic sul file HTML a cui si desidera aggiungere le "onmouseover" immagini di visualizzazione.

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

<script

language = "JavaScript"> <! - www.website.com se (document.images)

{Image1 image2 = new Immagine = new Immagine image1.src = http://www.website.com/visibleimage.jpg 'image2.src

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

Sostituire "www.website.com" con l'URL della pagina a cui si sta pubblicando le immagini "onmouseover".

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

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

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

6 Inserire questo codice HTML:

<A href = "http://www.website.com"

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

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

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