Best jQuery Menus Plugins & Tutorials with Demo

    Jeegoocontext : jQuery ContextMenu plugin

    Jeegoocontext : jQuery ContextMenu plugin

    Jeegoocontext is a jQuery plugin that allows for multiple custom contextmenus (pop-up menus) to exist on a single page. The plugin is able to transform any unordered list appended to the body into a multi-level, intelligently positioned styled contextmenu via a single call.

    jQuery Full Page Navigation

    jQuery Full Page Navigation

    jQuery Full Page Navigation is a simple script that let you create a full page navigation (navigation shown as columns) dynamically with one JS call. You can define how your navigation will be divided, how fast/slow the animation will be and many more features.

    stickUp : jQuery Plugin to “sticks” an Element

    stickUp : jQuery Plugin to "sticks" an Element

    stickUp is a jQuery plugin, which you can implement on any webpage alongside jQuery. You can easily make any element, on any page, stick to the top of the browser window as the user scrolls past it. This feature is excellent for navigation menus, logos and/or contact information, which you may want the user to see at all times.

    jQuery Bootstrap-style Dropdowns

    jQuery Bootstrap-style Dropdowns

    One of my favorite Boostrap plugins is dropdowns, but I had a bit of difficulty getting started with them. The docs say you can apply a dropdown to nearly any element, but they really seem to work best with Bootstrap’s navbar, tab, and pill components. Since I was retrofitting an app that was around long before Bootstrap, this wasn’t going to work for me. That and I was hoping to get a scrollable dropdown (with tips!) and a few other features out of the deal. Thus, this plugin was born.

    While the appearance of these dropdowns is almost identical to those of Bootstrap’s, it’s important to note that JavaScript for this plugin was developed entirely from scratch. Some CSS was borrowed, however, especially for generating those gorgeous tips.

    MetNav 2 : Another jQuery Metro UI navigation menu

    MetNav 2 : Another jQuery Metro UI navigation menu

    MetNav 2 is jEffectBox’s 2nd jQuery navigation menu plugin based on Window 8 Metro theme. It’s very lightweight and looks good on almost all major browsers and devices. It’s a Windows 8 Tile base navigation menu which supports unlimited sub menus. It supports responsive design and works well on touch devices.This plugin is dedicated to all Metro lover in the world.

    Features:

    • Supports unlimited number of sub-menus.
    • Supports responsive design.
    • Looks good in almost all major browsers and devices.
    • Very easy to integrate to any website.
    • Full documentation included.
    • Very lightweight, only 3kb of JavaScript (minified version is 2kb).
    • Control appearance through CSS, so it can be restyled.
    • Supports touch devices.

    jQuery Jump To : Create a smooth jump to Sub Navigational Menu

    jQuery Jump To : Create a smooth jump to Sub Navigational Menu

    A jQuery plugin that let you create a smooth jump to sub navigational menu in one JS call.The menu can be used to assist your navigation for pages with a lot of content.

    Naver : jQuery plugin for responsive navigation

    Naver : jQuery plugin for responsive navigation

    Naver is an easy way to turn any navigation system into a responsive-ready, mobile-friendly toggle.

    FullPaged: A Single Paged Layout jQuery Plugin with UI Animations

    FullPaged: A Single Paged Layout jQuery Plugin with UI Animations

    Single page layouts are taking off in a big way. It seems as if every product page nowadays is single paged, so I thought I’d have a little spin at it with this jQuery plugin. This allows you to create single paged layouts with a few optional custom UI elements such as fold up menus.

    I’ve tested this on most major platforms and browsers and it seems to work fine on all of them. The idea is simple, it lets you make a quick single page layout and gives you the option of some UI effects, such as disappearing pieces of image to reveal menus. I’ve also added some options to disable all that if it’s not for you. How does it work? Well let’s have a look.

    Dropmenu : jQuery Multi-level dropdown menu for Buttons

    Dropmenu : jQuery Multi-level dropdown menu for Buttons

    Multi-level dropdown menu for buttons. Supports any HTML for items, multiple combined sync/async datasources.

    Jet : jQuery CSS3 Responsive Megamenu

    Jet : jQuery CSS3 Responsive Megamenu

    Jet Responsive Megamenu is a menu component based in CSS and Javascript code. It can be used like a dropdown navigation, megamenu navigation or both. It’s has a responsive and fluid layout.

    Features:

    • 14 Styles
    • Responsive
    • Collapsible
    • Javascript/CSS effects
    • Grid system
    • Cross browser
    • Easy to use