Best jQuery Menus Plugins & Tutorials with Demo

    basicContext : Easy-to-use jQuery Context Menu

    basicContext : Easy-to-use jQuery Context Menu

    BasicContext is a easy-to-use context-menu for your website or web-app.

    Features:

    • Works in all modern browsers
    • Written in Vanilla JS
    • CommonJS and AMD support
    • Layout and theme are separated CSS-files. This makes it easy to style our own context.
    • Stays within the viewport and never opens outside the visible screen-area
    • Scrollable, when the height of the context-menu is bigger than the height of the browser

    Mdstrap : jQuery Side Menu Plugin

    Mdstrap : jQuery Side Menu Plugin

    jQuery mdStrap plugin creates a side menu for smartphones or other handheld devices. It’s built based on Twitter Bootstrap’s framework version 4 (currently alpha 2).

    SolidMenu+ : jQuery Responsive Mega Menu

    SolidMenu+ : jQuery Responsive Mega Menu

    Create an Ultra Responsive yet Beautiful MegaMenu navbar for your next site. It uses CSS3 Animations and provides a modern style navigation look and feel in your website.

    These sets of Responsive Mega Menu utilizes the Standard “navbar” framework from Bootstrap 3.0. It can work on Fixed and Responsive Layout.

    • 100% Responsive, Works on All Devices
    • One Code: Works in All Devices
    • Beatiful Look and Feel
    • Bootstrap Navbar Framework
    • Bootstrap Drop Down Menu
    • Bootstrap 12-Column Grid Based, Compatible with BootStrap 3.0+
    • Line Icons Included, Vector Icons
    • Custom Widgets, Carousels, Images, Google Map, Sliders
    • Very light weight, No image needed
    • Easy Integration for your Web Projects
    • Varieties of Pure CSS3 Animations

    jQuery Responsive Overlay Menu

    jQuery Responsive Overlay Menu

    Framework for making responsive cross-browser overlay menus.

    Features:

    • works in all browsers
    • works on all device
    • tiny, < 600bytes
    • responsive
    • super fast
    • uses jquery animations
    • framework not a template
    • easy to use

    Stripe.com Navigation in CSS & jQuery

    Stripe.com Navigation in CSS & jQuery

    A morphing dropdown that animates according to the size of its content.A few weeks ago stripe.com launched a new website design. It looks awesome. One thing we dig in particular is the morphing navigation dropdown: instead of hiding and showing a new dropdown “container” when the user switches from one navigation item to the other, they animate the dropdown background to make space for different content sizes.

    Dynamic Drop Down Menu Using jQuery, Ajax, PHP And MySQL

    Dynamic Drop Down Menu Using jQuery, Ajax, PHP And MySQL

    In this tutorial we will show you how to create dynamic drop down menu using jQuery, Ajax, PHP and MySQL.You had seen dynamic drop down menu in many online shopping website where you just hover on menu and a big submenu with images will open that’s what we were going to create in this tutorial

    okayNav : jQuery Responsive Navigation Plugin

    okayNav : jQuery Responsive Navigation Plugin

    You know how navigations have only a desktop and a mobile state, right? I thought, “this might cost people money because it requires additional click for users to reach even the most important pages.”

    This navigation aims at progressively collapsing navigation links into an off-screen navigation instead of doing it for all the links at the same time.

    Customizable Responsive Menu

    Customizable Responsive Menu

    Here is a tool where user can select a different web & mobile menu and generate a responsive menu.All you have to do is select the navigation type and generate the HTML code to be downloaded in simple easy steps. This does not stop here; this website also allows you to choose different menu styles for desktop and mobile devices to generate the HTML code for responsive menu.

    Gumshoe : A simple, framework-agnostic Scrollspy Script

    Gumshoe : A simple, framework-agnostic Scrollspy Script

    A simple, framework-agnostic scrollspy script. Gumshoe works great with Smooth Scroll.

    jQuery Squeezing Header Plugin

    jQuery Squeezing Header Plugin

    A jQuery plugin for squeezing your header on scroll down.