Cómo hacer un Menu onmouseover como el de Categorias de Ebay.com

cambalacheweb · #1 (**permalink**) 29/09/2008, 08:07

Saludos Amigos,

Quisiera hacer un Menu como el de www.ebay.com que está en "categorías". Es decir, si entran a ebay.com y hacen un "onmouseover" sobre "Categorías" se despliega un menu div con muchas categorias.

Quisiera saber como se hace, lo he intentado pero no lo logro !!!

Si me pueden dar una guia o un ejemplo simple de como hacerlo se los agradezco..

Gracias !!

matak · #2 (**permalink**) 29/09/2008, 08:24

si me da un correo electrónico te puedo mandar un ejemplillo

Legoltaz · #3 (**permalink**) 29/09/2008, 08:41

Sería algo así:

Código DHTML:

Ver original<div style="border:thin solid #000000;width:100px;" onmouseover="document.getElementById('menu').style.display='block'" onmouseout="document.getElementById('menu').style.display='none'">
<center>Menu</center>
<div id="menu" style="display:none;">
aqui va tu menu
</div>
</div>

JavierB · #4 (**permalink**) 29/09/2008, 09:37

Hola matak

Si pones el ejemplillo aquí, en lugar de mandarlo por correo, podrá verlo más gente, ¿no te parece?

Saludos,

matak · #5 (**permalink**) 29/09/2008, 09:47

Sorry JavierB

Lo quería poner aqui pero no he encontrado como adjuntar archivos

el ejemplo son varios archivos, uno js, otro css, un gif y un html.

si me decis como adjuntarlo lo hago ahora mismo y ademas encantado

gracias y saludos

cambalacheweb · #6 (**permalink**) 29/09/2008, 10:02

Saludos Amigos, ya logré hacer perfectamente el efecto de menu, con links dentro del Div desplegado y todo !!! Y desaparece al salir del Div desplegado.... Igualito igualito al de E-Bay.com....

¿Cómo? Pues aprendiendo rapidito y "adaptando" (Muy importante para un programador) el uso de la Librería "jQuery". Es excelente esta librería pueden hacer muchas cosas....

Aqui esta la página principal de Jquery y en donde está el efecto..... 100% recomendado...

http://docs.jquery.com/Events/hover#overout

Gracias a todos !!