Ver Mensaje Individual
  #3 (permalink)  
Antiguo 27/01/2008, 10:58
Avatar de aloqui
aloqui
 
Fecha de Ingreso: diciembre-2007
Mensajes: 973
Antigüedad: 17 años, 3 meses
Puntos: 24
Re: Ayuda a crear un efecto con tablas

Cita:
Iniciado por derkenuke Ver Mensaje
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>
__________________
Grupos de Música
Pop Music Stars