Como hago este método en una tabla

[aloja10]

Quisiera hacer lo mismo que se hizo en esta pagina http://www.rammstein.de/Tour.html

Empieza donde dice Tour Dates
He visto el codigo de la pagina, y esta en una tabla. Pero como hago cuando coloco el cursor sobre la tabla, éste en linea horizontal (la fila) cambie de color.

Pueden entrar a esa pagina, y verán.
Al pasar el cursor el titulo Tour Dates tambien cambia de color.

Bueno, espero puedan guiarme.

Gracias de antemano,
Saludos.

[Edypu]

Hola tienes que ver tutoriales con hojas de estilo.

Saludos

[aloja10]

¿cual seria el atributo que al colocar el cursor sobre una fila de la tabla, éste cambie de color?

[jomaruro]

Hola:

Debes usar la pseudo clase hover, pero en algunas versiones de IE (por ejemplo la 6) las pseudo clases no funcionan si no es en un enlace.

Saludos.

[funkii]

a:hover {
background-color: #666666;
}
con esto deberia funcionar :)

[masterojitos]

Algo asi intenta ^^

Código HTML:

<table>
    <tbody>
        <tr style="background-color:#FFFFFF" onmousemove="this.style.backgroundColor='CCCCCC'" onmouseout="this.style.backgroundColor='#FFFFFF'">
            <td>.....</td>
            <td>.....</td>
            <td>.....</td>
        </tr>
        <tr style="background-color:#FFFFFF" onmousemove="this.style.backgroundColor='CCCCCC'" onmouseout="this.style.backgroundColor='#FFFFFF'">
            <td>.....</td>
            <td>.....</td>
            <td>.....</td>
        </tr>
        <tr style="background-color:#FFFFFF" onmousemove="this.style.backgroundColor='CCCCCC'" onmouseout="this.style.backgroundColor='#FFFFFF'">
            <td>.....</td>
            <td>.....</td>
            <td>.....</td>
        </tr>
    </tbody>
</table>
 

con jquery, lo harias mas sencillo poniendole una clase al tr ejemplo <tr class="trListado"> y haciendo asi:

Código Javascript:

$('.trListado').hover(function(){
        $colorActual = $(this).css('backgroundColor');
        $otroColor = '#CCCCCC';
        $(this).css('backgroundColor', $otroColor);
    },function(){
        $(this).css('backgroundColor', $colorActual);
    });
 

Suerte