yo ya lo probe tal y como esta y funciona perfectamente
tambien ya le aumente a muchas mas filas y sigue funcionando perfectamente
tambien ya empeze el for en 1 para que la primera fila se quede igual y sigue funcionando correctamente
si no me crees copia esto en una pagina en blanco y veras que si funciona
Código:
<html>
<head>
<script type="text/javascript">
function filas(){
f_a = document.getElementById('tabla').rows;
for (i=1;i<f_a.length;i++){
f_a[i].onmouseover = new Function("color1(this)");
f_a[i].onmouseout = new Function("color2(this)");
}
}
function color1(o){
o.style.backgroundColor = "#999999";
}
function color2(o){
o.style.backgroundColor = '';
}
</script>
<style>
#tabla {
border-collapse : collapse ;
border-style : none ;
height : 270px ;
width : 540px
}
td {
border : solid 1px #123456 ;
}
</style>
</head>
<body onload="filas()">
<table id="tabla">
<tr><td></td></td></tr>
<tr><td></td></td></tr>
<tr><td></td></td></tr>
<tr><td></td></td></tr>
<tr><td></td></td></tr>
<tr><td></td></td></tr>
<tr><td></td></td></tr>
<tr><td></td></td></tr>
<tr><td></td></td></tr>
<tr><td></td></td></tr>
</table
</body>
</html>