Ver Mensaje Individual
  #1 (permalink)  
Antiguo 14/10/2009, 05:07
pekychery
 
Fecha de Ingreso: octubre-2009
Mensajes: 5
Antigüedad: 14 años, 7 meses
Puntos: 0
Cambiar color de texto con evento onMouseOver

Hola.
Ante todo muchas gracias por la ayuda que se recibe.

Mi problema es que quiero crear una barra de menú que realice las siguientes tareas.

Por ejemplo barra de menú con 2 opciones opción 1 y opción 2.

quiero que al clicar en una opción su texto cambie de color. Hasta ahi todo bien con el siguiente código.

<script type="text/javascript">
function CambiaColor(esto)
{
esto.style.color="blue";

}
</script>
</head>
<body>
<a onMouseOver="CambiaColor(this)">opción 1</a>
</body
></html>


El problema lo tengo cuando añado la opción 2 por que quiero que al pasar por la encima de uno de ellos, el anterior vuelva a tener el color inicial.

<script type="text/javascript">
function CambiaColor(esto)
{
esto.style.color="blue";

}
</script>
</head>
<body>
<a onMouseOver="CambiaColor(this)">opción 1</a>
<a onMouseOver="CambiaColor(this)">opción 2</a>
</body
></html>


Se que el problema esta en la llamada "CambiaColor(this)" a la función pero no se como arreglar para que al ponerme encima de, por ejemplo, la opción 1, la opción 2 vuelva a tener el color original (por ejemplo black).

Un saludo y gracias de antemano.