Best jQuery Menus Plugins & Tutorials with Demo


    MobilyBlocks plugin allows you to simply create an unordered list as an impressive and stylish animated circle.

    NavDock – jQuery dock style menu

    NavDock is a simple dock style menu icon.

    jQuery Configurable Context Menu

    This is a configurable context menu, it works in three ways: right click, hold down, hover.Callback is executed with parameter e, the menu action event object normalized by jQuery, and el, the element associated with the menu. Menu is an ul with position absolute, menu element are li with .hover class added on mouse over.

    Animated Content Menu with jQuery

    Today we will create a slick animated content menu with jQuery for a restaurant theme. The menu items will be animated and when clicked, a content area with more information will appear. Also, he background image is going to change according to which menu item was clicked.

    Elastic Thumbnail Menu – jQuery And CSS

    In this tutorial we will teach you how to make a good looking and elastic thumbnail menu. The menu magnifies menu items when they are hovered over and the different menu items expand upwards.

    Multi-Level Accordion Menu in jQuery

    Supports infinite level of unordered lists, easy to implement, and has been tested in Internet Explorer 6+, Firefox, Safari, and Chrome.

    Sliding-Sliding Doors – Animated jQuery Menu

    Among other things, JQuery is very useful for an easy manipulation of the CSS background-position property. This tutorial is a perfect example to illustrate that possibility.
    Althought this menu is not, in my opinion, the best looking of this article, it has always be a client’s favorite.

    jCrumb jQuery plugin for breadcrumbs

    JCrumb is a JQuery plugin for instantly adding breadcrumbs to any webpage without the need to worry about sitemaps, or server side languages. Just add the plugin to every page you want breadcrumbs on, initialize, and you’re done. Can be also be styled with JQuery UI.