How to make Expandable Scrollable JavaScript Menu

[Nick]

Hey Gang,

I'm looking to make an expandable, scrollable javascript menu for my site. I want the menu to look exactly like this: http://www.milonic.com/menusample10.php.

- Expandable: as you can see, there are sub-menu levels for some menu item.
- Scrollable: if there are too many menu items (i.e. click "Menu Samples" in the link), then a scroll bar appears allowing one to scroll through the items.

I have been searching for tutorials for this but can't find any. The link offers this menu but only for private use and I want to use it for my site which has commercial elements (don't want to risk anything by using it). Does anybody know how I can make this menu or if there are any free variants of it available?

I would be tremendously grateful. Thanks for your help!

[simplistik]

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

just add some css like this


ul li ul { height: 200px; overflow: auto; }

[Nick]

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

just add some css like this


ul li ul { height: 200px; overflow: auto; }


wow! thank you very very much! I never thought it would be this simple. You're awesome :beer:

P.S. I just realized all these cool drop-down menus are made using CSS (not JavaScript as I initially thought). I never knew CSS could do so much.