Jugando lo he cambiado un poco para que puedas elegir que cambiar, si texto o fondo... Código PHP:
<html>
<head>
<style>
td{font:normal 10px/10px verdana;
padding:20px 20px 20px 20px;
border:solid 1px black;
}
</style>
<script>
//--------VARIABLES MODIFICABLES----------------
maximo=255;
minimo=0;
incrementor=2;
modificar="fondo" //"texto" o "fondo"
//----------------------------------------------
r=maximo;
g=maximo;
b=maximo;
switch(modificar){
case "texto":
loQueSeModifica="color";
invertido="maximo-";
break;
case "fondo":
invertido="";
loQueSeModifica="backgroundColor";
break;
}
function iluminar(esto,variacion){
incremento=variacion*incrementor;
eval('esto.style.'+loQueSeModifica+'="RGB("+('+invertido+'r)+","+('+invertido+'g)+","+('+invertido+'b)+")"');
r+=incremento;b+=incremento;g+=incremento;
eso=esto;
elincremento=variacion;
if(r>minimo && r<maximo){seguir=window.setTimeout("iluminar(eso,elincremento)",10);}
else{r-=incremento;g-=incremento;b-=incremento;}
}
</script>
</head>
<body>
<table>
<tr>
<td onmouseout="iluminar(this,1)" onmouseover="iluminar(this,-1)" >Hola que tal estamos!!
</td></tr>
</table>
</body>
</html>