Foros del Web » Programando para Internet » Javascript »

Cambiar de color cldas al pasa mouse.

Estas en el tema de Cambiar de color cldas al pasa mouse. en el foro de Javascript en Foros del Web. Eso es lo que quiero. Que al pasar el mose pro una celda del menu se cambie de color.... Por ejemplo como hago para que ...
  #1 (permalink)  
Antiguo 09/02/2005, 13:12
Avatar de Dogui15  
Fecha de Ingreso: noviembre-2004
Ubicación: Argentina
Mensajes: 231
Antigüedad: 20 años
Puntos: 0
Cambiar de color cldas al pasa mouse.

Eso es lo que quiero. Que al pasar el mose pro una celda del menu se cambie de color....

Por ejemplo como hago para que esta celda:

Código:
<td width="131" height="4" valign="top" background="file:///C:/WINDOWS/Escritorio/Web/subforo.gif" style="border-style: groove; border-width: 1"><font size="2"><img border="0" src="menu.gif" width="12" height="9"><a href="index.html">Inicio</a>&nbsp;&nbsp;&nbsp;&nbsp;</font></td>
al pasarle el mouse por arriba cambie de color?..


Gracias de antemano.
__________________
Aprendiendo =).
  #2 (permalink)  
Antiguo 09/02/2005, 14:13
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años, 6 meses
Puntos: 1284
Hola Dogui15:

Debes usar el evento onmouseover para cambiarlo y onmouseout para restaurarlo:

<td width="131" height="4" valign="top" background="file:///C:/WINDOWS/Escritorio/Web/subforo.gif" style="border-style: groove; border-width: 1; background-color: white" onmouseover="this.style.backgroundColor = 'gray'" onmouseout="this.style.backgroundColor = 'white'" ><font size="2"><img border="0" src="menu.gif" width="12" height="9"><a href="index.html">Inicio</a>&nbsp;&nbsp;&nbsp;&nbsp;</font></td>

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 09/02/2005, 14:30
Avatar de Dogui15  
Fecha de Ingreso: noviembre-2004
Ubicación: Argentina
Mensajes: 231
Antigüedad: 20 años
Puntos: 0
ok gracias, me sirve cuando tengo de fo0ndo de celda un color , pero yo tengo un ceelpic(imagen). como hago para que se cambie . o para que se cambie por otro cellpic...
GRacias
__________________
Aprendiendo =).
  #4 (permalink)  
Antiguo 09/02/2005, 15:40
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años, 6 meses
Puntos: 1284
Hola otra vez:

Eso de ceelpic(imagen), no sé lo que es ...

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #5 (permalink)  
Antiguo 09/02/2005, 16:28
Avatar de Dogui15  
Fecha de Ingreso: noviembre-2004
Ubicación: Argentina
Mensajes: 231
Antigüedad: 20 años
Puntos: 0
para aclarar mejor.. yo tngo de fonfodo de la celda una imagen, y quiero
__________________
Aprendiendo =).
  #6 (permalink)  
Antiguo 09/02/2005, 16:28
Avatar de Dogui15  
Fecha de Ingreso: noviembre-2004
Ubicación: Argentina
Mensajes: 231
Antigüedad: 20 años
Puntos: 0
para aclarar mejor.. yo tngo de fondo de la celda una imagen, y quiero que a pasar el mouse se cambie por otra. como hago?...(en ves de color imagen)
Gracias
__________________
Aprendiendo =).
  #7 (permalink)  
Antiguo 09/02/2005, 22:26
 
Fecha de Ingreso: febrero-2004
Mensajes: 221
Antigüedad: 20 años, 8 meses
Puntos: 0
Hacela facil, crea dos clases en CSS, una bg1 { background: url('hola.gif') no-repeat; }, otra bg2 con otro bg.

En los eventos que te dijo caricatos haces onmouseover="this.className='bg1';" onmouseout="this.className='bg2';"

Este metodo es por demas rudimentario contando con la posibilidad de agregar eventos dinamicamente con Dom Level 2 (addEventListener).

Saludos.
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 19:23.