No has iniciado sesión
Conectar al sistema | Registrar usuario
Foros Mensajes No contestados Conversaciones Mensaje
 

onmouseover en javascript o css

buenas quisiera hacer un mouseover pero no con imgenes sino simple con textos nativos de todas las pc verdana ... es un menu horizontalmente de 5 opciones que estan en celdas, donde al pasar el mouse en el link se tendra que cambiar de color de la celda como el texto link... yo lo eh echo en css para el texto y mouseover para el cambio de color de la celda pero actuan independientemente osea si paso por la celda y no choco al link solo cambia de color la celda y recien cambia el link de color cuando llego al texto.. lo que quiero es que al pasa por la celda cambien tanto el color de la celda como el texto al mismo tiempo nose como hacerlo puede ser en javascrit..gracias de antemano...
2 votos
Preguntado hace 11 años y 1 dia por angel22  34 mensajes  
 

Re: onmouseover en javascript o css

Mira este ejemplo a ver si te sirve:
 
000 
001 
002 
003 
004 
005 
006 
<table style="color:black; background:red">
  <tr>
    <td width="100%" onmouseover="this.style.color='red'; this.style.background='black'; this.style.cursor='hand'"
onmouseout="this.style.color='black'; this.style.background='red';" onclick="document.location='http://www.ya.com'"
>

    TEXTO</td>
  </tr>
</table>
 
Ten en cuanta que el texto no puede estar en un vinculo o no cambiara de color.
0 votos
Preguntado hace 11 años y 7 dias por eloi  2471 mensajes  
 

Re: onmouseover en javascript o css

hola amigo ya casi muy bueno pero unos detos... como hago para que el cursor cuando pase por la celda cambie a manito y no quede en flecha, luego como hago para cuando pase el mouse en la celda no quede el borde rojo sino todo negro y ultimo me eh dado cuenta que en la primera carga al pasar por la celda el mouse y luego sacarlo no vuelve al color rojo..pero recien a partir de la segunda pásada si .. porque pasa esto...saludos
0 votos
Preguntado hace 11 años y 7 dias por angel22  34 mensajes  
 

Re: onmouseover en javascript o css

En principio el codigo que te he dado, cambia el cursor, lo que pasa que utiliza el cursor 'hand' que no existe en Netscape, hay que usar 'pointer'.

Hay que quitar el borde usando: border=0 y cellspacing=0

Y lo que dices de que la primera vez no vuelve al rojo no se porque puede ser, quizás un error del navegador. Te dejo el código modificado:
 
000 
001 
002 
003 
004 
005 
006 
<table style="color:black; background:red" border="0" cellpadding="3" cellspacing="0"> 
  <tr> 
    <td width="100%" onmouseover="this.style.color='red'; this.style.background='black'; this.style.cursor='pointer'"
onmouseout="this.style.color='black'; this.style.background='red';" onclick="document.location='http://www.ya.com'"
>
 
    zxcvbzxczxb vcb xcvb</td> 
  </tr> 
</table> 
 
0 votos
Preguntado hace 11 años y 6 dias por eloi  2471 mensajes  
 

Re: onmouseover en javascript o css

gracias amigo una ultima ayuda y como hago para decirle al explorador antes que cargue que utilice el cursor deseado dependiendo ya sea explorer o netscape..saludos
0 votos
Preguntado hace 11 años y 2 dias por angel22  34 mensajes  
 

Re: onmouseover en javascript o css

Quieres cambiar el cursor de la pagina?
0 votos
Preguntado hace 11 años y 1 dia por eloi  2471 mensajes  
 

Re: onmouseover en javascript o css

lo que me refiero es que sea automatico el cursor al entrar a un visualizador de paginas web ya sea IE o netscape, mas claro me distes un codigo donde pointer es para uno y hand para el otro pero lo que quiero es cuando entre el usuario ya sea en netscape o IE se vea el mouse al pasar por la celda, osea como una especie de detector del visualizador ,,, si la pc detecta que estas ultilizando IE entonces que active el comando hand, si esta utilizando el Netscape que active pointer... para evitar lo de la rayit e el mouse..saludos
0 votos
Preguntado hace 11 años y 1 dia por angel22  34 mensajes  
 
Páginas:  1 
 
Responder
No puedes responder, mensaje cerrado por inactividad