Geek Answers Handbook

Embedding a dropdown menu in Compass & jQuery

I am building a website using Compass and jQuery . What is the best way to make a list of lists in the form of a horizontal menu with a drop-down list? A good example of such a menu can be seen here .

+5
source share
1 answer

I created a mixin that extracts all the styles needed for a cross browser-style drop-down menu for suckerfish. Here's the link:

https://github.com/adambom/sucker-compass

Just add the link to _suckerfish.scss:

@import "partials/suckerfish"  
 /* You can put this in any directory. 
    It doesn't have to be partials" */

, , div #navigation, scss :

#navigation {
    /* The parameters determine the width of
       the top, and lower level navigation elements, respectively */
    @include suckerfish(10em, 12em);
}

IE6, sfhover.js. (, ), . 4 . . CSS SCSS.

README github :

http://htmldog.com/articles/suckerfish/dropdowns/

+6

More articles:


All Articles