Je crée un site Web en utilisant Compass et jQuery. Quel est le meilleur moyen de créer une liste de listes sous forme de menu horizontal avec une liste déroulante? Un bon exemple d'un tel menu peut être vu here.Implémentation d'un menu déroulant dans Compass & jQuery
J'ai créé un mixin qui reprend tous les styles nécessaires pour les menus déroulants de navigateur de style suckerfish. Voici le lien:
https://github.com/adambom/sucker-compass
il suffit d'ajouter une référence à _suckerfish.scss:
@import "partials/suckerfish"
/* You can put this in any directory.
It doesn't have to be partials" */
En supposant que vous avez une liste non ordonnée stockée dans un div appelé #navigation, ajoutez la ligne suivante à votre SCSS principale stylesheet:
#navigation {
/* The parameters determine the width of
the top, and lower level navigation elements, respectively */
@include suckerfish(10em, 12em);
}
Si vous voulez soutenir IE6, assurez-vous d'inclure le fichier sfhover.js fournir. Après cela (assurez-vous de compiler votre projet), vous devriez avoir un menu déroulant fonctionnel. Pas mal pour 4 lignes de code. Vous devez ajouter tous les styles à votre liste déroulante dans la déclaration de navigation. Vous pouvez utiliser CSS ou SCSS.
Pour plus d'informations, consultez le fichier README dans le repo github, et certainement donner ce une lecture: