Con este fantástico tutorial podremos montar menús desplegables de forma rápida, obteniendo unos menus de lo más utiles. Como siempre Interner Explorer ha de tocar los coj… para poder hacer funcionar este ejemplo en IE tendrémos que ñadir un fichero javascript que se encargue de realizar el efecto…
<!--[if gte IE 5.5]>
<script language="JavaScript" src="dhtml.js" type="text/JavaScript"></script>
<![endif]-->
Pero por lo demás esta comprobado que funciona perfectamente en los siguientes navegadores.
- Firefox – Windows
- Firefox – Linux, Mac
- IE 5.5+ – Windows
- Safari 2.0+ – OSX
- Opera 7+ – Windows
- Opera 7+ – Linux
La forma de implementar estos menus es bastante simple y lógica. Simplemente introducimos una lista dentro de otra lista, y otra dentro de esta… asi conseguimos esta escalera de elementos que queremos mostrar.
<ul id="navmenu">
<li><a href="#">Root nav item</a>
<ul>
<li><a href="#">Sub nav item</a></li>
</ul>
</li>
</ul>
Importanto el fichero CSS ya tendremos listo nuestro menu desplegable.
23 comentarios, 4 referencias
+
#