WebAppers

/ best free open source web resources /

Shopify

How to Create Mega Drop Down Menus with jQuery

Posted · Category: License Free, Menu

Do you remeber we have published a post of Accessible Very Tall Menus with jQuery and CSS? Some people found it not a good way to present information, because we cannot see everything on the menu in one go.

Now SohTanaka has come up with another solution – Mega Drop Down Menus. According to usability expert Jakob Nielson, mega drop down menus tested to be more efficient for large scale websites.

mega-dropdown-menu

Requirements: jQuery Framework
Demo: http://www.sohtanaka.com/web-design/examples/mega-dropdowns/
License: License Free

10 Comments
  • http://dewan159.co.cc ahmed zain

    Thanks a lot .. it’s been about 5 days seeking one like that …. thanks

  • http://www.studioweber.ro Alex Flueras

    Thanks so much! I was looking for weeks for such a menu. I only found examples, but the actual tutorial.

  • Doelomite

    Looks slick, but doesn’t seem to behave as expected when viewed from the iPhone’s version of the Safari browser which seems to be an increasingly significant consideration.

  • http://fedmich.com/life fedmich

    it looks beautiful, and glad its made with jquery.

    thanks for posting

  • http://www.kaplang.com Michelle

    thanks for this :) I can use this in one of my current projects instead of the normal drop down menu, this is totally cool and looks great.

  • http://www.nethzah.com/ Peter

    Great Mega Drop-Down Menu. Thanks

    Does this support jQuery UI?

  • http://www.buymagazinesonline.co.uk Mag

    Thanks for this – just what I was after. Now to give it a go….

  • niko

    Hi,
    Have been reading so many posts about jquery menus and IE problems that i’m totally lost … Does anyone have a solution/idea for those kind of jquery mega dropdown menus working with IE6 ? I neeed 3 levels sub-menus with images .. Sorry for my english (i’m french), but hope i’m anderstandable so far ..

  • http://www.comparesubscriptions.co.uk/ Subs

    Best tutorial on the net! have been searching ages, hey niko I think you will have difficulty with this in ie6, I feel your pain! ie6 is such a thorn on the side for designers, this is such a lovely menu if you straight copy it, and even better when you make it fit your site. Thanks for posting it Ray.

  • http://www.victheme.com VicTheme

    nice stuff:)
    Thanks for sharing, I’ve also just created mega menu using drupal module, can be view here http://www.victheme.com/demo_product/16
    Any review or comments are welcome.

Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons