Menús desplegables con CSS

Siguiendo el tutorial de menu CSS, podremos crear desplegables usando solo CSS, aunque para que funcione correctamente en todos los navegadores (internet explorer como siempre dando la nota) deberemos insertar el siguiente código:

<script language="JavaScript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
<!--[if gte IE 5.5]>
<script language="JavaScript" type="text/JavaScript">
$(document).ready(function(){
$("#navmenu-h li,#navmenu-v li").hover(
function() { $(this).addClass("iehover"); },
function() { $(this).removeClass("iehover"); }
);});
</script>
<![endif]-->

Aquí os dejamos un ejemplo

<ul id="navmenu">
<li><a href="#">Root nav item</a>
<ul>
<li><a href="#">Sub nav item</a></li>
</ul>
</li>
</ul>

Mira más menu de ejemplo.

Puedes ver también:

Plantillas CSS gratis

Visto en Anieto2k

Escrito por Niko | 10 de Julio de 2009 con 1 comentario.
Etiquetas: Menus desplegables
Lee más artículos sobre CSS y Diseño Web

Artículos relacionados

• Plantillas para Blogger Gratis (5 de Marzo de 2010)
• Ofertas de empleo de programador web (8 de Septiembre de 2009)
• Plantillas y Temas para Blogger (Blogspot) Gratis (27 de Julio de 2009)
• MeeCSS | Envia tu web a cientos de galerias CSS (27 de Julio de 2009)
• Precarga de imágenes mediante CSS (22 de Julio de 2009)