cambiare immagine al passaggio del mouse.

[Mappi]

ciao, sono nuova del forum, e nuova anche nel mondo dei fogli di stile.

ho un piccolo problema, vorrei fare un menu orizzontale e al passaggio del mouse vorrei non solo cambiare colore del background (cosa che faccio già tramite a:hover) ma vorrei che un'immagine che si trova a lato della pagina cambiasse.

spero di essermi spiegata

illuminatemi!! è possibile farlo tramite i fogli di stile oppure ho bisogno di javascript o jquery?? e in ogni caso, come?


grazie mille!!!

[0-c00l]

Se vuoi cambiare classe ad una div che non sia quella con l' hover devi affidarti al javascript..

Fai così:

<script type="text/javascript">
function roll(id, class, nuovaclass) {
var e = document.getElementById('tasto2');
if (e.className == ""+class+"") {
e.className = ""+nuovaclass+"";
} else {
e.className = ""+class+"";
}
 }
</script> 

Poi nel menu (se posti i codici è meglio):

<div id="tasto" class="blablabla" onmouseOver="roll('tasto2','ClasseNormale','ClasseHover');" onMouseOut="roll('tasto2','ClasseHover','ClasseNormale');"></div><div id="tasto2" class="ClasseNormale"></div> 

Il primo div, ovvero tasto sta ad indicare quello che creerà l' effetto hover del tasto2, naturalmente sostituisci ClasseNormale con la classe reale e ClasseHover con quella che ha l' effetto hover (non va bene scrivere esempio ClasseNormale:hover)

Comunque non sono sicuro dei codici, magari aspetta qualcuno

[0-c00l]

Se vuoi cambiare classe ad una div che non sia quella con l' hover devi affidarti al javascript..

Fai così:

<script type="text/javascript">
function roll(id, class, nuovaclass) {
var e = document.getElementById('tasto2');
if (e.className == ""+class+"") {
e.className = ""+nuovaclass+"";
} else {
e.className = ""+class+"";
}
 }
</style> 

Poi nel menu (se posti i codici è meglio):

<div id="tasto" class="blablabla" onmouseOver="roll('tasto2','ClasseNormale','ClasseHover');" onMouseOut="roll('tasto2','ClasseHover','ClasseNormale');"></div><div id="tasto2" class="ClasseNormale"></div> 

Il primo div, ovvero tasto sta ad indicare quello che creerà l' effetto hover del tasto2, naturalmente sostituisci ClasseNormale con la classe reale e ClasseHover con quella che ha l' effetto hover (non va bene scrivere esempio ClasseNormale:hover)

Comunque non sono sicuro dei codici, magari aspetta qualcuno che se inte