Estoy diseñando un sitio web usando Compass y jQuery. ¿Cuál es la mejor manera de diseñar una lista de listas como un menú horizontal con menú desplegable? Un buen ejemplo de dicho menú se puede ver here.Implementación de un menú desplegable en Compass & jQuery
He creado un mixin que reúne todos los estilos necesarios para los menús desplegables de navegador de estilo suckerfish. Aquí está el enlace:
https://github.com/adambom/sucker-compass
Sólo añadir una referencia a _suckerfish.scss:
@import "partials/suckerfish"
/* You can put this in any directory.
It doesn't have to be partials" */
Asumiendo que tiene una lista desordenada almacenado en un div llamado #navigation, añada lo siguiente a su SCSS de estilo principal:
#navigation {
/* The parameters determine the width of
the top, and lower level navigation elements, respectively */
@include suckerfish(10em, 12em);
}
Si quieres apoyar a IE6, asegúrese de incluir el archivo proporcionan sfhover.js. Después de eso (asegúrese de compilar su proyecto), debe tener un menú desplegable que funcione. No está mal para 4 líneas de código. Debe agregar cualquier estilo a su menú desplegable dentro de la declaración de navegación. Puede usar CSS o SCSS.
Para obtener más información, visite el README en el repositorio GitHub, y definitivamente dar a esta una lectura: