Cómo crear un menú desplegable

Un menú emergente es aquel en el que se puede ir abriendo cada uno de sus apartados para mostrar los subapartados de cada uno de ellos. Esto se puede hacer o bien haciendo clic en cada uno de los apartados o bien simplemente colocando el cursor encima de cada apartado (depende qué método usemos). Una vez se hace eso, se abre una ventana automáticamente mostrando los subapartados de cada apartado. Al apartar el cursor del ratón del apartado o bien haciendo clic sobre él, se vuelve a ocultar ese contenido.

La ventaja que tiene es que puedes poner a disposición del visitante gran parte (o toda) de la web, dejando todo a mano. Lo malo? Que hay que escoger bien el método, pues la mayoria de los que encontramos en internet funcionan solo en algunos navegadores y no en todos, impidiendo a ls visitantes que acceden a nuestra web con otros navegadores a acceder a ciertas secciones. Esto no nos lo podemos permitir, claro.

Los métodos que usaremos aquí serán válidos para todos los navegadores, o al menos para todos los principales. Si a tí no te funciona con tu navegador habitual te agradeceriamos que nos lo comentaras en el Foro CCTW indicando cuál es el navegador y la versión en la que te ha fallado, oki? Así nos ayudas a mejorar.

Algunos de ellos se han creado solo con Html y Css, otros se ayudan de algún fichero en Java. Pero en cualquier caso, todos están lo suficientemente explicados como para que puedas usarlo en tu página web sin que tengas que tener muchos conocimientos en todos estos temas.

En los menús desplegables que te mostramos seguidamente, véras ejemplos de lo que se pretende conseguir para que te hagas una mejor idea de lo que podemos conseguir con tan solo añadir unas líneas a nuestra página web.

Espero que te gusten!