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.


Articoli Correlati