14 Easy to Implement Drop Down Menu Solutions
I believe the navigation of a website should always be simple. However, if a website has many pages and sub pages, the thought of navigation simplicity goes out the window. This is where drop down menus come into play. A good and well executed drop down menu can make navigating a large site easy for the user. While drop downs make site navigation easy, sometimes they can seem difficult to implement, but the solutions listed below are all a breeze to set up, especially since most of them are built on jQuery or MooTools.
Superfish
jQuery SuckerFish Style
Drop Down Tabs
Animated Drop Down Menu with jQuery
droppy
Simple Drop Down Menu for jQuery
Smooth Navigational Menu
jQuery Multi Level CSS Menu #1
Mega Drop-Down Menu with jQuery
UvumiTools Dropdown Menu
MooTools Drop Down Menu
MenuMatic
Simple CSS vertical menu Digg-like
JavaScript Dropdown Menu with Multi Levels
Related Posts
Here's some other articles that you will definitely find useful.
























22 comments
Blog Design
August 19, 2009The Mega Drop-Down Menu with jQuery looks great due to the clean code it produces. Nice list of drop down menus, am i right in assuming that some of these are free and some you have to pay for?
tutorialslounge
August 19, 2009amazing listing.
Dave Sparks
August 19, 2009Not a big fan of drop downs but people still want them. Still some nice menus there, thanks
Sean Hurley
August 19, 2009These could be very useful for an Ecom site to quickly filter down to a product or sub Cat level.
Anthony Armendariz
August 19, 2009Other than one of those jquery examples these are some of the ugliest 1990s looking drop down menus.
Trendy Wordpress Themes
August 19, 2009I really like superfish, I think I’m going to start using it in my sites.
cam
August 19, 2009oh suckerfish, still one of the easiest and best
Jessica
August 19, 2009Superfish is the only way to go! I love it and it rarely does me wrong! The transitions are beautiful in standards-compliant browsers.
@anthony, that’s the beauty of CSS, the massive customization possibilities! Don’t be reined in by the demo code
Brooke Martinez
August 19, 2009This is so cool. I’m so glad I found this. Thanks for the info!
Niek Kouwenberg
August 20, 2009You might also want to check out Menu.js, it’s a small JavaScript (drop-down) menu for developers. Free/open source and based on Prototype: http://www.menujs.net/
It just handles the basic JavaScript actions for expanding and collapsing the menu, including a user-friendly delay before hiding (or showing) the sub menu. You can use your own CSS styling to create any design you want!
The examples on the website are not the best looking ones, but check out the live-website examples for what it can really do.
Aditya Dipankar
August 20, 2009This is a useful compilation. Thanks!
Alexander Bickov
August 20, 2009Nice examples
web design hastings
August 20, 2009Pretty good list of drop downs! Would probably use basic css style navigations! But could be tempted to use jquery or mootools for multiple-column layouts!
Jackson
August 22, 2009Great Post.
Check out jQueryBasics.com
http://jquerybasics.com
Oliver Web
August 25, 2009Good list of drop down menus here. Plenty to choose from and I might have to use some of these in my next websites. Thanks for sharing these.
Rudi
August 25, 2009nice list man, this kinda menu are always useful for some of my project
thx for share
web
August 30, 2009Mega Drop-Down Menu with jQuery are the best
Gopal Raju
October 15, 2009#useful
shail
October 15, 2009Hi pal!!
Can any one help me to create grid view with the help of ajax+mvc+jquery with image icon and related information..
Peterborough Web Design
March 26, 2010This is a great list of drop downs! I know I’d be tempted to use jquery for multiple-column layouts too!
darthweber
June 17, 2010A mega drop down menu example (created with web menu software AllWebMenus):
http://www.likno.com/examples.html?example=mega_dropdown_menu1
you can download and base your menus in it.
Wordpress 98
December 3, 2011very usefull tnx