25 Scripts for Dropdown Navigation Menus
Published March 31st, 2009 in ToolsNavigation menus are important to any website. Well designed navigation can improve the look and appearance of a site as well as the usability. For larger sites with a lot of content or pages, drop down menus are popular because the can make it easier to move through the site with less clicks. In this post we’ll feature 25 scripts for drop down menus that you can use on your own site.
jQuery Multi Level CSS Menu #1
jQuery Multi Level CSS Menu #2
Simple CSS Vertical Menu Digg-Like
JavaScript Dropdown Menu with Multi Levels
Sliding JavaScript Dropdown Menu
Dropdown Menu Made with Scriptalicious/Prototype
Horizontal Drop Down Menu Script
For more web design tools and resources, please see:
43 Responses to “25 Scripts for Dropdown Navigation Menus”
Drop down menus are one of the things everyone needs to learn. I almost think they should have more official support in html.
Thank you for compiling this great list of drop down menus!
I think u meant CSS Matt, but yeah, everyone should learn how to use them. Thanks for the great list VWD!
I agree, it’s a must for designers.
Great list, thanks for sharing
Thanks for the list. I would like to add flickr-like menu in jQuery http://www.candesprojects.com/downloads/flickr-horizontal-menu/ and my porting of it in Prototype http://igorstravinskij.blogspot.com/2008/04/flickr-horizontal-menu-with-prototype.html
Some excellent menus in your selection. But what happens if visitors have javascript disabled? In many cases, the navigation will not work. For some sites, this will mean a potential paying customer will go elsewhere. Therefore, anyone using a fancy javascript-powered navigation system should bear this potential accessibility problem in mind.
Thanks for those, some nice ones there. Will definately use the jQuery and professional ones
Chris,
The percentage of visitors now that have JavaScript turned off is very low. In many cases the menu will degrade gracefully if this is the case, of course, not all of them will. That’s a decision you have to weigh.
Thanks for the list, it is good to be able to have a quick scan through and compare easily when they are needed. On that note, as with most things in life, these serve a purpose but can also add usability issues if not designed with forward planning (ie: hover/click timing, dropdowns covering important information).
Great list, thanks so much
Keep up your great collections
Cool… Thanks for the list…
Thanks for the compilation. Awesome n functional. What more can a web designer wish for?!
very good collection! love the jQuery Menu
Great post, to me dropdowns are the hardest part of website design and development. Good to see them all hanging out together here, a valuable resource indeed
I’ll add this to the bookmarks. Thanks!
Very Nice DropDown Navigation Manu
Thank’s
Vandelay Design blog really helps to increase my website development skills and its good if i make more different navigation menus for my clients website.Thanks for the information.
This script is cool for my Blog – Hover Drop #2
Thanks for sharing your knowledge.
cool. i think i’ll choose one and place it on my blog
Nice list man, a lot of sweet drop navs!!! Do you have any mega drop navs?
Hi Rob,
No, at this point I don’t have any resources for mega drop downs. Seems like they are just starting to gain popularity, so maybe more resources will be available in the not-too-distant future.
Nice… It’s been i’m looking for. Thanx
More than Handy. Thanks.
Nice information thanks for sharing the really helpful info I like Professional dropdown #2 .
We find that the majority of people do have Javascript turned on and the ones that don’t are technical to some degree and are usually not the target market. Nice collection guys!
Trackbacks