<font face='Comic Sans MS'></font id='Comic Sans MS'>

ciao
volevo sapere qualera il codice html per avere al passaggio del mous la scritta che cambia colore.
by
rispondi presto

Un bottone che cambia colore al passaggio del mouse, rende sicuramente più incisivo il nome dell'azione del bottone stesso. Realizzarlo non è difficile, sempre che si ricorra a JavaScript unito ad un tocco di stile.

PRIMO PASSO

Attraverso il seguente codice, da inserire fra i tags (head)ed (/head)

(Style Type="TEXT/CSS")
.bottone{BACKGROUND:red; FONT-WEIGHT: bold; FONT-FAMILY:Verdana}
(/Style)
viene definito lo stile per il bottone: abbiamo scelto il colore di sfondo rosso (red) e lo stile grassetto (bold) per la scritta. La font è Verdana. Chiaramente queste opzioni possono essere cambiate a seconda dei propri gusti.

Abbiamo chiamato lo stile .bottone, ed ad esso dovremo fare riferimento ogni volta che lo vorremo usare.


SECONDO PASSO

Definiamo la funzione JavaScript con il compito di cambiare il colore.
Ecco il codice, da inserire, anch'esso, fra i tags (head)ed (/head)

(script language=JavaScript)
function on(colore) {
event.srcElement.style.backgroundColor=colore
}
(/script)
La funzione valuta lo stile dell'elemento che ha attivato l'evento (in questo caso sarà il passaggio del mouse sul bottone) e inserisce come colore di sfondo quello che sarà dichiarato all'interno del tag di dichiarazione del bottone stesso, come vedremo nel
TERZO PASSO

Inseriamo il bottone nella posizione stabilita, attraverso il seguente codice:

(form)(INPUT type=button value=www.horrorcult.net CLASS=bottone onMouseOver="on('yellow')" onMouseOut="on('red')" onclick="window.open('http://www.horrorcult.net','tutto')")(/form)


Edited by - msanteramo on 06/18/2003 00:46:22