Come creare un rollover con il colore del testo con il linguaggio javascript.
ALLWEB free
Web Directory Script Linguaggi
Italiano Inglese Tutte
 
 18 Apr 2014
aggiungi in preferiti  
Home    Mappa directory    Script




Rollover colore testo javascript:

In questo breve articolo analizziamo una variante del rollover di immagini.
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>

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.