14 Easy to Implement Drop Down Menu Solutions

By / Aug 19, 2009 / Resources
shares

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

Drop Down Menus

jQuery SuckerFish Style

Drop Down Menus

Drop Down Tabs

Drop Down Menus

Animated Drop Down Menu with jQuery

Drop Down Menus

droppy

Drop Down Menus

Simple Drop Down Menu for jQuery

Drop Down Menus

Smooth Navigational Menu

Drop Down Menus

jQuery Multi Level CSS Menu #1

Drop Down Menus

Mega Drop-Down Menu with jQuery

Drop Down Menus

UvumiTools Dropdown Menu

Drop Down Menus

MooTools Drop Down Menu

Drop Down Menus

MenuMatic

Drop Down Menus

Simple CSS vertical menu Digg-like

Drop Down Menus

JavaScript Dropdown Menu with Multi Levels

Drop Down Menus

About the Author

Henry Jones is a web developer, designer, and entrepreneur with over 14 years of experience. He is the founder of WDL and ThemeTrust.

22 Comments

  1. Blog Design
    August 19, 2009

    The 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?

    Reply
  2. tutorialslounge
    August 19, 2009

    amazing listing.

    Reply
  3. Dave Sparks
    August 19, 2009

    Not a big fan of drop downs but people still want them. Still some nice menus there, thanks

    Reply
  4. Sean Hurley
    August 19, 2009

    These could be very useful for an Ecom site to quickly filter down to a product or sub Cat level.

    Reply
  5. Anthony Armendariz
    August 19, 2009

    Other than one of those jquery examples these are some of the ugliest 1990s looking drop down menus.

    Reply
  6. Trendy Wordpress Themes
    August 19, 2009

    I really like superfish, I think I’m going to start using it in my sites.

    Reply
  7. cam
    August 19, 2009

    oh suckerfish, still one of the easiest and best

    Reply
  8. Jessica
    August 19, 2009

    Superfish 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

    Reply
  9. Brooke Martinez
    August 19, 2009

    This is so cool. I’m so glad I found this. Thanks for the info!

    Reply
  10. Niek Kouwenberg
    August 20, 2009

    You 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.

    Reply
  11. Aditya Dipankar
    August 20, 2009

    This is a useful compilation. Thanks! :)

    Reply
  12. Alexander Bickov
    August 20, 2009

    Nice examples

    Reply
  13. web design hastings
    August 20, 2009

    Pretty 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!

    Reply
  14. Jackson
    August 22, 2009

    Great Post.
    Check out jQueryBasics.com
    http://jquerybasics.com

    Reply
  15. Oliver Web
    August 25, 2009

    Good 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.

    Reply
  16. Rudi
    August 25, 2009

    nice list man, this kinda menu are always useful for some of my project
    thx for share

    Reply
  17. web
    August 30, 2009

    Mega Drop-Down Menu with jQuery are the best

    Reply
  18. Gopal Raju
    October 15, 2009

    #useful

    Reply
  19. shail
    October 15, 2009

    Hi pal!!

    Can any one help me to create grid view with the help of ajax+mvc+jquery with image icon and related information..

    Reply
  20. Peterborough Web Design
    March 26, 2010

    This is a great list of drop downs! I know I’d be tempted to use jquery for multiple-column layouts too!

    Reply
  21. darthweber
    June 17, 2010

    A 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.

    Reply
  22. Wordpress 98
    December 3, 2011

    very usefull tnx

    Reply

Leave a Reply