resaltar lineas de un listado segun pase el raton

Calamar01 · #1 (**permalink**) 12/05/2006, 23:05

Hola.
Lo que intento hacer es que cada vez que pase el puntero del raton sobre un listado, las lineas vayan cambiando de color o de tono. Todas las celdas de esa linea del listado que cambie de color, para que se vea mejor y mas claro todo.

Gracias y un saludo.

Jorolo · #2 (**permalink**) 13/05/2006, 03:13

Hola Calamar01.

Permiteme que te remiende:
CDSS - CSS Dinámico
Es solo una introducción al tema.

Calamar01 · #3 (**permalink**) 14/05/2006, 20:49

Muchas gracias Jorolo, estoy en ello.
Saludos.

softimus · #4 (**permalink**) 15/05/2006, 16:01

Hola:

Te pongo este código de ejemplo y luego lo comento:

Cita:

<html>
<head>
<style type="text/css">
.activar
{
background:#ffffff;
}
.desactivar
{
background:#000000;
}
</style>
</head>
<body>
<table id="table" cellSpacing="0" cellPadding="0" border=1>
<tr>
<td onmouseover="this.className='activar'" onmouseout="this.className='desactivar'">lista1</td>
</tr>
<tr>
<td onmouseover="this.className='activar'" onmouseout="this.className='desactivar'">lista2</td>
</tr>
<tr>
<td onmouseover="this.className='activar'" onmouseout="this.className='desactivar'">lista3</td>
</tr>
</table>
</body>
</html>

Comentarios

Cambiar la clase actual del objeto cuando pasas el mouse por encima por la clase activar

onmouseover="this.className='activar'"

Cambiar la clase actual del objeto cuando el el mouse se va del objeto por la clase desactivar

onmouseout="this.className='desactivar'"

Luego puedes poner los estilos que quieras dentro de cada clase CSS

Si tienes algún proble, no dudes en escribir.

Atentamente,

Alex Francis

albert_sps · #5 (**permalink**) 16/08/2006, 14:41

Gracias muchas gracias facil y rapido :)