Come creare un rollover immagine utilizzando la programmazione HTML

April 12

Come creare un rollover immagine utilizzando la programmazione HTML


Hypertext Markup Language (HTML) è un linguaggio di programmazione che viene utilizzato per creare pagine Web. Saper utilizzare i codici HTML può aiutare a manipolare le impostazioni di pagina. È possibile creare un collegamento un'immagine che cambierà quando i visitatori si muovono con il mouse sopra il link. rollover immagine possono essere creati utilizzando JavaScript. È inoltre possibile creare rollover per gli elementi nei menu. Quando i visitatori scorrere il mouse sulle voci di menu, la voce di menu sarà evidenziata. La creazione di rollover di immagini è un buon modo per dare le vostre pagine un appello più professionale.

istruzione

1 Avviare il word processor o editor di testo che verrà utilizzato per creare la pagina Web e aprire la pagina. Aggiungere l'immagine desiderata e includerlo all'interno del <center> tag. Dopo il nome dell'immagine, tipo NAME = "rollover".

2 Tipo <A HREF="?"> prima del tag <center>. Sostituire il punto interrogativo con l'indirizzo della pagina Web che si desidera avere visualizzato quando un visitatore clicca sull'immagine. Digitare </A> dopo l'immagine.

3 Verificare che il testo si presenta come la seguente:
<A HREF="pages.html">
<Center> <IMG SRC = NAME "photo.jpg" = "rollover"> </ center>
</A>

4 Tipo onmouseover = 'rollover.src = "?"' All'interno del tag <A>. Sostituire il punto interrogativo con la posizione dell'immagine che si desidera avere visualizzato quando un visitatore sposta il mouse sopra l'immagine originale.

5 Tipo onmouseout 'rollover.src = "?"' = Sostituire il punto interrogativo con la posizione dell'immagine che è stata aggiunta al punto 1.

6 Verificare che il testo appare simile al seguente:
<A href = "pages.html" onmouseover = 'rollover.src = "photo.jpg"'
Onmouseout = 'rollover.src = "photo.jpg"'>
<Center> <IMG SRC = NAME "photo.jpg" = "rollover"> </ center>
</A>

7 Aprire un nuovo browser Web per verificare che la pagina Web visualizza l'immagine che si sta utilizzando per il rollover dell'immagine. Prova il tuo sito e verificare che i visitatori possono muovere il mouse sull'immagine e cambierà l'immagine specificata.

Consigli e avvertenze

  • Si dovrebbe cercare la pagina Web in diversi browser per vedere come ogni browser visualizzerà la pagina.