Para un par de clientes tuve que incluir menús desplegables en los diseños de sus sitios web. Uno de ellos, muy amablemente me envió una copia del menú que usaban en el sitio Internacional de su compañía. Pero al darme cuenta de la cantidad de archivos .js que había que incluir y la cantidad de div’s con condiciones «show» y «hide» para hacer un simple menú, pensé: debe haber una forma más sencilla de hacer esto…
Me dí a la tarea de investigar, y gracias a un enlace que me envió mi amigo diseñador Alvaro Diaz encontré el sitio CSSplay de Stuart Nicholls. El sitio tiene una gran variedad de menús que usan solo CSS y listas (ul y li), además de muchos ejercicios con CCS que valen la pena revisar. Los ejemplos son muy buenos, pero les recomiendo usar los menús «cross browser» ya que funcionan perfectamente en IE6, IE7 y Firefox. Además funcionan sobre archivos de flash (solo hay que incluir el parámetro wmode=»transparent» al swf).
Este es un ejemplo sencillo de menú de 3 nivesles hechos solo con css y li’s:
Descargar el código (zip)