25 Scripts for Dropdown Navigation Menus
Published in Tools, Web DevelopmentNavigation 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:
63 Responses
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!
Drop down menu.. That’s what I’m looking for! Many Thanks!
Quite a few of our client website use drop down menus. I woud avoid javascript as there a still people out their stuck with restricted machines that are not allowed javascript.
the dropdown navigation menus are just incredibly useful.
Great list. I already use a few of this but some were new and I’m going to try them out. Very helpful resource by the way!
Please keep adding more tips like these!
Matt
Excellent menu on the CSS, which I have long sought to use to navigate their sites. Thank you so much!
Great lists for drop down menus. This will really helps a lot to those Designers here.
This one such a very useful article.
I was actually typing up a similar email for a junior programmer. Now that I’ve found this, I’m just going to forward this page URL:)
Thanks a bunch for the valuable resource.
I’m thinking about using one of these on my blog. Thanks for the resource!
Great dropdowns, useful for any sites!, thanks
Excellent menu and very very useful for site
I love mega drop downs. Some good examples here.
Create fully customizable drop-down menus : http://bstdownload.com/reviews/css3-menu-1/
I already had some of these but have some more now – thank you!
Drop down menus are perfect but I am still torn between vertical ones and horizontal ones – what’s the preference from you guys? The Digg ones are the best here IMO
Thanks! a lot of choice! this is what I was looking for my website
Excellent resource, thank you.
Thanks – Forwarded to my web guy…