Scusami prima stavo scrivendo, ho premuto qualcosa e mi ha inviato la risposta e non riesco a modificare. Ti scrivo tutto qua.
Dato che le pseudo-classi sono solo del tag <A> devi usare i javascript per poter cambiare colore di sfondo al passaggio del mouse.
Ti faccio due esempi:
Questo esempio è con i JavaScript in linea:
Allora:codice:<table border="1"> <tr> <td onMouseOver="style.background='#008800';" onMouseOut="style.background='#FFFFFF';"> TESTO CELLA </td> </tr> </table>
onMouseOver="style.background='#008800';" = al passaggio del mouse sopra la cella lo sfondo diventa verde
onMouseOut="style.background='#FFFFFF';" = all'uscita del mouse dalla cella o sfondo torna bianco
Questo secondo esempio è con le funzioni, dichiarate nella sezione Head tramite il tag delimitatore <Script>.
Allora:codice:<head> <script language="javascript"> function cambia_sfondo (x) { document.getElementById(x).style.background='#008800'; } function torna_sfondo (y) { document.getElementById(y).style.background='#FFFFFF'; } </script> </head <body> <table border="1"> <tr> <td id="cella1" onMouseOver="cambia_sfondo('cella1')" onMouseOut="torna_sfondo('cella1')"> TESTO CELLA </td> </tr> </table> </body>
<script language="javascript"> ==> tag script dove indichi il linguaggio utilizzato
function cambia_sfondo (x) ==> dichiari nome della funzione e i parametri che deve ricevere tra parentesi
{ document.getElementById(x).style.background='#0088 00'; }
Spiego pezzo per pezzo:
document. ==> in questo documento/cerca in questo documento
getElementById(x). ==> ottieni l'elemento con questo id (che passi tra parentesi)
style.background='#008800'; ==> ed applica ad esso (l'elemento ottenuto) questo codice. (cambio colore di sfondo in questo caso)
</script> ==> vabbè questo è ovvio!!!
id="cella1" = con questo secondo metodo devi assegnare un id agli elementi, poichè vengono identificati tramite id.
onMouseOver="cambia_sfondo('cella1')" = al passaggio del mouse sopra la cella richiama la funzione cambia_sfondo a cui passi l'id dell'elemento in cui andrà ad agire. Se invece di cella1 passavi cella5 il colore di sfondo che cambiare era quello dell'elemento id="cella5". (il colore di sfondo diventa verde)
onMouseOut="torna_sfondo('cella1')" = stesso procedimento, cambia il codice javascript eseguito (qui il colore di sfondo torna bianco)
Ecco qua. Spero di aver chiarito le idee!
Ciao![]()

Rispondi quotando