Come creare un passaggio del mouse

August 29

Come creare un passaggio del mouse


I browser visualizzano automaticamente i collegamenti in modo diverso da testo regolare. Per impostazione predefinita, il testo di un collegamento appare in un colore diverso, e quando si posiziona il cursore del mouse sul link, viene sottolineato. Modificare il codice di un link per eseguire altre azioni, come pure quando un cursore evidenzia. Per esempio, se il collegamento contiene un'immagine al posto del testo, impostare una seconda immagine di prendere il suo posto. È inoltre possibile modificare le proprietà dell'immagine o assegnare un nuovo testo a comparire, sia come messaggio di suggerimento (o pop-up) o come una finestra di dialogo.

istruzione

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 tag di apertura del link. Per esempio, immaginate che il codice per il link è:

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

3 Inserisci il codice per le azioni quando il mouse entra ed esce il collegamento come segue:

onmouseover =

onmouseout =

4 Aggiungere il codice per ogni azione, specificando il risultato. Per esempio, se si desidera che l'immagine cambia in "blogText2.png" quando il mouse passa su 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 del = changineImage src = "blogText.png">