Cita:
Iniciado por derkenuke
La solución pasa por recorrer con DOM todas celdas hijas, por ejemplo.
No necesitar recorrer todas las celdas, ni siguiera las filas.
Lo único que necesitas en modificar la clase de la fila en la que esté situado el ratón.
Ejemplo:
Código:
<html>
<head>
<style type="text/css">
.filaItem1 { background-color: white; }
.filaItem0 { background-color: yellow; }
.filaOver { background-color: pink; }
</style>
</head>
<body>
<table>
<tr class="filaItem0" onmouseover="this.className='filaOver'" onmouseout="this.className='filaItem0';">
<td>Estamos en</td>
</tr>
<tr class="filaItem1" onmouseover="this.className='filaOver'" onmouseout="this.className='filaItem1';">
<td>una</td>
</tr>
<tr class="filaItem0" onmouseover="this.className='filaOver'" onmouseout="this.className='filaItem0';">
<td>tabla</td>
</tr>
<tr class="filaItem1" onmouseover="this.className='filaOver'" onmouseout="this.className='filaItem1';">
<td>con</td>
</tr>
<tr class="filaItem0" onmouseover="this.className='filaOver'" onmouseout="this.className='filaItem0';">
<td>varias</td>
</tr>
<tr class="filaItem1" onmouseover="this.className='filaOver'" onmouseout="this.className='filaItem1';">
<td>filas</td>
</tr>
</table>
</html>