Glidende overgange..

HEj

Jeg har en menu hvor jeg bruger følgende:

<td class="inaktiv" onmouseover="this.className ='aktiv';" onmouseout="this.className='inaktiv';"><span class="menuPunkter">&nbsp;&nbsp;<a href="(EmptyReference!)">Fjernbetjening til PC</a>&nbsp;&nbsp;</span></td>

Det virker på den måde at når jeg kører musen over en celle i tabellen skifter den class fra inaktiv til aktiv.

Inaktiv: hvid
Aktiv: Sort

Det jeg godt kunne tænke mig var at lave en mere glidende overgang.. Sådan at der på onMouseOver først blev skiftet til en class med f.eks. 33% sort, så til en med 66% sort og så til en med 100% sort - så overgangen mellem sort og hvid, bliver mere flydende..
Det modsatte skal ske når man fjerne musen igen - 66%, 33% 0%...

Det er ret vigtigt at jeg kan angive hvor mange milisekunder der skal gå mellem hvert skift, da det ellers ville se forskelligt ud på forskellige computere.

Håber I kan hjælpe