Nwlapcug.com


Come creare un'immagine Rollover utilizzando programmazione HTML

Come creare un'immagine Rollover utilizzando programmazione HTML


Hypertext markup language (HTML) è un linguaggio di programmazione utilizzato per creare pagine Web. Sapere come utilizzare i codici HTML consentono di modificare le impostazioni di pagina. È possibile creare un collegamento di immagine che cambierà quando i visitatori si muovono il mouse sopra il link. Rollover immagine possono essere creati utilizzando JavaScript. È inoltre possibile creare rollover di immagine per gli elementi nei menu. Quando i visitatori scorrere il mouse sopra le voci di menu, è possibile che la voce di menu viene evidenziata. Creazione di immagine rollover è un buon modo per dare le pagine un appello più professionale.

Istruzioni

1

Avviare l'elaboratore di testo o un editor di testo che si utilizzerà per creare la tua pagina Web e aprire la pagina. Aggiungere l'immagine desiderata e includerlo all'interno del tag < CENTER >. Dopo il nome dell'immagine, digitare il nome = "rollover".

2

Tipo < A HREF = "?" > prima del tag < CENTER >. Sostituire il punto interrogativo con l'indirizzo della pagina Web che si desidera visualizzare quando un visitatore fa clic sull'immagine. Tipo < /A > dopo l'immagine.

3

Verificare che il testo è simile al seguente:
< un HREF="pages.html" >
< CENTER >< IMG SRC="photo.jpg" nome = "rollover" >< / CENTER >
< /A >

4

Digitare ONMOUSEOVER='rollover.src= "?" ' dentro il tag < >. Sostituire il punto interrogativo con il percorso dell'immagine che si desidera visualizzare quando un visitatore sposta il mouse sopra l'immagine originale.

5

Digitare ONMOUSEOUT='rollover.src= "?" ' Sostituire il punto interrogativo con la posizione dell'immagine che è stato aggiunto nel passaggio 1.

6

Verificare che il testo sia simile al seguente:
< un HREF="pages.html" ONMOUSEOVER='rollover.src="photo.jpg" '
ONMOUSEOUT='rollover.src="Photo.jpg" ' >
< CENTER >< IMG SRC="photo.jpg" nome = "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 di immagine. Testare il sito e verificare che i visitatori possono spostare il mouse sopra l'immagine e cambierà l'immagine che specificato.

Consigli & Avvertenze

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