Browser visualizzano automaticamente i collegamenti in modo diverso da testo normale. Per impostazione predefinita, il testo di un collegamento viene visualizzato in un colore diverso, e quando si posiziona il cursore del mouse sopra il link, si viene sottolineato. Modificare il codice di un collegamento per eseguire altre azioni anche quando un cursore evidenzia. Per esempio, se il link contiene un'immagine invece di testo, impostare una seconda immagine per prendere il suo posto. È inoltre possibile modificare l'immagine di altre proprietà o assegna nuovo testo ad apparire, come un messaggio di descrizione comandi (o pop-up) o come una finestra di dialogo.

Istruzioni

1

Aprire la pagina Web utilizzando un editor HTML come Adobe Dreamweaver o un editor di testo come blocco note.

2

Posizionare il cursore all'interno del tag di apertura del collegamento. Per esempio, immaginare che il codice per il link è:

< un href="blog.html" >< img e ">".

3

Inserire il codice per le azioni quando il mouse entra ed esce il link come segue:

onmouseover =

onmouseout =

4

Aggiungere codice per ogni azione, specificando il risultato. Per esempio, se si desidera l'immagine per cambiare in "blogText2.png" quando il mouse passa sopra di esso:

onmouseover="Document.changingImage.src='blogText2.png'"

onmouseout="Document.changingImage.src='blogText.png'"

5

Aggiungere un nome al tag dell'oggetto associato in modo che la pagina sa cosa cambiare. Con questo esempio, modificare tag dell'immagine, l'aggiunta di un nome:

< img nome = changineImage src="blogText.png" >