Rollover colore testo javascript:
In pratica variamo il colore del testo ogni volta che acquista il fuoco (quando il mouse vi passa sopra).
Non ripeteremo quello scritto sull'articolo rollover immagini, pertanto se non siete pratici della programmazione o se avete dubbi in proposito vi invitiamo a leggerlo cliccando qua.
Esempio:
QUESTO E' UN PARAGRAFO DI ESEMPIO.
PROVA A PASSARE SOPRA CON IL MOUSE PER VEDERE GLI EFFETTI CHE GENERA.
Il codice è molto semplice:
<b>
<p onMouseOver="this.style.color='red' " onMouseOut="this.style.color='green' ">
QUESTO E' UN PARAGRAFO DI ESEMPIO.
PROVA A PASSARE SOPRA CON IL MOUSE PER VEDERE GLI EFFETTI CHE GENERA.
</p>
</b>
<p onMouseOver="this.style.color='red' " onMouseOut="this.style.color='green' ">
QUESTO E' UN PARAGRAFO DI ESEMPIO.
PROVA A PASSARE SOPRA CON IL MOUSE PER VEDERE GLI EFFETTI CHE GENERA.
</p>
</b>
Utilizzando i due gestori di eventi (onMouseOver e onMouseOut) abbiamo variato gli style dell'oggetto stringa (<p>).
La parola chiave this è un'abbreviazione per indicare ciascun elemento HTML.
In questo caso this è inserito nel tag <p> e pertanto ed esso si riferisce.