Best jQuery Menus Plugins & Tutorials with Demo

    HC Off-canvas Nav : jQuery Plugin

    HC Off-canvas Nav : jQuery Plugin

    HC Off-canvas nav is a jQuery plugin for creating toggled off-canvas multi-level navigations, allowing endless nesting of submenu elements.

    Creating a Menu Image Animation on Hover

    Creating a Menu Image Animation on Hover

    A tutorial on how to create a hover effect for a menu where images appear with an animation on each item.

    Infinitely Scrollable Vertical Menu

    Infinitely Scrollable Vertical Menu

    A quick look at how an infinitely scrollable menu works based on a looping scroll illusion of cloned items.

    SlideMenu.js : Easy Off-Canvas Menu

    SlideMenu.js : Easy Off-Canvas Menu

    SlideMenu.js is a easy off-canvas menu with mobile touch support.

    Pagemap : Mini map for web pages

    Pagemap : Mini map for web pages

    Pagemap is a sort of navigation system which uses mini map for single page website or any other lengthy web page with javascript and html5 canvas.

    Radial Menu with JavaScript

    Radial Menu with JavaScript

    Radial menu is a highly customizable radial menu that’s very easy to setup.It is customizable and beautiful radial menu for your web app that can be used as a standalone menu or override the default context menu. On a desktop or notebook click the second button of the mouse (context menu). On a smartphone or tablet, click the screen and hold for few seconds and the menu will pop.

    Shy Header : jQuery Animated Sticky Header Plugin

    Shy Header : jQuery Animated Sticky Header Plugin

    A simple, light-weight and easy-to-use jQuery Plugin that shows/hides the header of the page when users scroll the page down more than its height. However, the header remains watching the page so when users scroll the page up its being showed.

    Zeynepjs : jQuery Mobile Side Menu Plugin

    Zeynepjs : jQuery Mobile Side Menu Plugin

    Zeynepjs is a light-weight multi-level jQuery side menu plugin.

    Draggable Menu with Image Grid Previews

    Draggable Menu with Image Grid Previews

    A draggable inline menu with a scattered thumbnail preview of an image grid.After our little draggable image strip experiment, we wanted to explore using the dragging functionality on a menu. The idea is to show a large inline menu with some scattered thumbnails. The menu can be dragged and while doing so, the thumbnails get moved with an animation. Each menu item also changes the letters to show an outlined version. When clicking on the “explore” link under a menu item, the thumbnails move and enlarge to form a grid.

    PrMenu : jQuery Responsive Multi Dropdown Menu

    PrMenu : jQuery Responsive Multi Dropdown Menu

    PrMenu is a very lightweight, responsive menu plugin for jQuery. Provides a menu with links evenly distributed across width of menu container.

    Features:

    • Links are evenly distributed within menu container
    • Maximum four menus levels (three nested)
    • Auto text wrap of long link text (maximum two lines)
    • Auto link background colors for all levels based on initial background color
    • All settings can be changed by passing in your own options