setInterval, effetto dissolvenza

[andbaz]

Ciao a tutti, io ho un problema: volevo che al passaggio del mouse un div diminuisse di opacità gradualmente, con un piccolo itervallo tra un centesimo di opacità e l'altro, dove sbaglio nel codice?

document.getElementById('c').onmouseover = setInterval("for (i = 99; i < 30; i--) { this.style.opacity = '0.'+i; }", 10);

[scimmiaparlante]

ciò che scrivi tu sarebbe un codice infinito perchè ogni tot di tempo fai partire un ciclo for e non finisce mai

così funziona

<script type="text/javascript">
i = 90;
function funzione() {
document.getElementById('c').style.opacity = '0.'+i; 
if (i < 30) clearInterval(conto); //se siamo alla fine annulliamo il conteggio
else i--;

}
function sfuma() {
conto = setInterval(funzione, 10);
}
</script>

...

<div id="c" style="background-color:#0000ff" onMouseOver="sfuma();">aaaaaaaaa</div>