Benvenuto Ospite Cerca | Topic Attivi | Utenti | | Log In | Registra

html Opzioni
rirry
Inviato: Sunday, June 15, 2003 5:17:21 PM
Rank: Member

Iscritto dal : 1/19/2003
Posts: 0
<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
Sponsor
Inviato: Sunday, June 15, 2003 5:17:21 PM

 
msanteramo
Inviato: Wednesday, June 18, 2003 12:44:25 AM
Rank: Member

Iscritto dal : 1/10/2003
Posts: 0
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
Utenti presenti in questo topic
Guest


Salta al Forum
Aggiunta nuovi Topic disabilitata in questo forum.
Risposte disabilitate in questo forum.
Eliminazione tuoi Post disabilitata in questo forum.
Modifica dei tuoi post disabilitata in questo forum.
Creazione Sondaggi disabilitata in questo forum.
Voto ai sondaggi disabilitato in questo forum.

Main Forum RSS : RSS

Aiutamici Theme
Powered by Yet Another Forum.net versione 1.9.1.8 (NET v2.0) - 3/29/2008
Copyright © 2003-2008 Yet Another Forum.net. All rights reserved.