Bueno, ya esta modificando un poco el code de caricatos :D (muxaS GRACIAS) y haciendo uso de un script de
http://www.maxxblade.co.uk/fade/index.htm para conseguir los colores que yo quiera de tal a tal X numero, me queda:
Código PHP:
<script>
var psico = ["#000000", "#0F0F0F", "#1F1F1F", "#2F2F2F", "#3F3F3F", "#4F4F4F", "#5F5F5F", "#6F6F6F", "#7F7F7F", "#8F8F8F", "#9F9F9F", "#AFAFAF", "#BFBFBF", "#CFCFCF", "#DFDFDF", "#EFEFEF", "#FFFFFF"];
function changeColor(n) {
if (n > 0) {
document.getElementById('id').style.backgroundColor = psico[(n - 1)];
/*for(i = 0; i < 17; i++) {
document.getElementById('id').style.backgroundColor = psico[i];
}*/
var linea = "changeColor(" + (n - 1) + ")";
setTimeout(linea, 100);
} else {
document.getElementById('id').style.backgroundColor = psico[17];
}
}
</script>
<table>
<tr>
<td id="id" onMouseOver="changeColor(17);" onMouseOut="this.style.backgroundColor='#ffffff'">xxx</td>
</tr>
</table>
Hay que hacerle unos retoques y listo :D