Foros del Web » Creando para Internet » CSS »

resaltar lineas de un listado segun pase el raton

Estas en el tema de resaltar lineas de un listado segun pase el raton en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 13/05/2006, 00:05
 
Fecha de Ingreso: abril-2005
Mensajes: 84
Antigüedad: 12 años, 7 meses
Puntos: 0
resaltar lineas de un listado segun pase el raton

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.
  #2 (permalink)  
Antiguo 13/05/2006, 04:13
 
Fecha de Ingreso: octubre-2005
Mensajes: 536
Antigüedad: 12 años, 2 meses
Puntos: 1
Hola Calamar01.

Permiteme que te remiende:
CDSS - CSS Dinámico
Es solo una introducción al tema.
  #3 (permalink)  
Antiguo 14/05/2006, 21:49
 
Fecha de Ingreso: abril-2005
Mensajes: 84
Antigüedad: 12 años, 7 meses
Puntos: 0
Muchas gracias Jorolo, estoy en ello.
Saludos.
  #4 (permalink)  
Antiguo 15/05/2006, 17:01
 
Fecha de Ingreso: abril-2005
Mensajes: 29
Antigüedad: 12 años, 7 meses
Puntos: 0
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
__________________
www.softimus.net
  #5 (permalink)  
Antiguo 16/08/2006, 15:41
 
Fecha de Ingreso: diciembre-2003
Ubicación: San Pedro Sula
Mensajes: 165
Antigüedad: 14 años
Puntos: 0
Gracias muchas gracias facil y rapido :)
__________________
J. Alberto Montoya
------------------
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 07:59.