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

You may also like...

1 Response

  1. David Rojas dice:

    Vaya, qué casualidad, anoche precisamente colgué un tutorial propio sobre cómo hacer un menu desplegable con CSS y jquery :) http://su.pr/3IyQnA

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>