Come cambiare i caratteri in OnMouseOver

November 6

Come cambiare i caratteri in OnMouseOver


L'evento "onMouseOver" innesca ogni volta che un utente passa il mouse su un elemento della pagina Web. È possibile utilizzare l'evento onMouseOver per cambiare lo stile del carattere nella pagina Web. Questo è utile quando si vuole fare una parte particolare della pagina spiccano quando l'utente passa sopra un elemento, ad esempio un collegamento "div" o. Javascript è usato per cambiare stili di pagina Web in modo dinamico nel browser dell'utente.

istruzione

1 Aprire il file HTML in qualsiasi editor di testo semplice. È possibile utilizzare un semplice editor come Notepad, o utilizzare gli editor più avanzate, come Notepad ++ o Visual Studio. Questi codice redattori colore le modifiche.

2 Scorrere verso il basso fino alla sezione del file che contiene l'elemento in cui è implementata la funzione onMouseOver.

3 Aggiungere l'evento onMouseOver alla proprietà elemento. In questo esempio, il onMouseOver anche viene aggiunto un collegamento ipertestuale. Il codice seguente aggiunge l'evento a un link:
<a href="mydomain.com" onMouseOver=""> Clicca qui </a>

4 Aggiungere il codice che cambia il tipo di carattere quando l'utente passa sopra il collegamento. Il codice seguente cambia il colore del carattere quando l'utente si posiziona:
<A href = "mydomain.com" onMouseOver = "javascript: document.all.myText.style.fontColor
= 'Rosso' "> Clicca qui </a>
Il codice modifica il testo rosso. Qualsiasi stile del carattere può essere applicato utilizzando questo codice.

Consigli e avvertenze

  • Utilizzare lo stesso codice di evento onMouseOver per altri elementi HTML, tra cui "div", "tavolo" e "tag" p.