Menu que cambie de fondo

meruelo · #1 (**permalink**) 24/05/2002, 08:49

Me gustaria hacer una página en la que haya un menu a la izquierda (por ej: como el de esta web). Sin embargo, lo que yo quiero es que al pasar el ratón por encima de cada <div>, el fondo de este cambie, de #999999 a otro color(#999966). El menu sería, en resumen, algo así:

<div id="men" onmouseover="cambia(this);" onmouseout"vuelve(this);"> <p><a href="lo que sea..."><font size="2">Historia</font></a></p></div>

Si alguien me pudier ayudar, le estaria muyt agradecido.

Gracias

jlmm · #2 (**permalink**) 24/05/2002, 10:13

Hola!,

Primero Que Todo Tienes Un Error En El onmouseout :

onmouseout"vuelve(this);"

Se Trata De El Signo IGUAL (=), Quedaria Asi:

onmouseout="vuelve(this);"

**********************************************
Bien, Sobre La Pregunta En Cuestion Pon El Siguiente Codigo Entre El <HEAD> y </HEAD> De La Pagina:

<SCRIPT LANGUAGE="JAVASCRIPT">
function cambia(que)
{
que.style.backgroundColor = "#666666";
}

function vuelve(que)
{
que.style.backgroundColor = "#999999";
}
</SCRIPT>

Y El <DIV> Deberia De Ser Asi:

<div id="men" onmouseover="cambia(this);" onmouseout="vuelve(this);" style="background-color:#999999"> <p><a href="lo que sea..."><font size="2">Historia</font></a></p></div>

No Creo Que Exista Ningun Problema Personalizando Esto A Tu Gusto.

************************************************** *
Importante :

Lo Mejor Es Tener La Funcion Que Reciba El Color, De Esta Manera No Tienes Que Crear Una Funcion Para Cada Color Si No Que Lo Pasas Como Parametros, EJemplo:

<SCRIPT LANGUAGE="JAVASCRIPT">
function cambia(que,color)
{
que.style.backgroundColor = color;
}
</SCRIPT>

<div id="men" onmouseover="cambia(this,'#666666');" onmouseout="cambia(this,'#999999');" style="background-color:#999999"> <p><a href="lo que sea..."><font size="2">Historia</font></a></p></div>

************************************************** ****
Espero Haya Quedado Claro Todo.

<SCRIPT LANGUAGE="javascript" SRC="http://www.galeon.com/jlmnetwork/firma.js"></SCRIPT>

meruelo · #3 (**permalink**) 24/05/2002, 10:22

Muchas gracias. Lo probé y me funciono correctamente.

<a href='ir.asp?http://www.iespana.es/tmaniacs/banner.gif' target='_blank'>http://www.iespana.es/tmaniacs/banner.gi...</a>