Best jQuery Menus Plugins & Tutorials with Demo

fs-pushmenu : jQuery Multi-level Push Menu

fs-pushmenu : jQuery Multi-level Push Menu

fs-pushmenu is multi-level push menu from scratch with SASS and jQuery.

DROP : jQuery Responsive Dropdown Navigation

DROP : jQuery Responsive Dropdown Navigation

DROP is an awesome navigation jQuery plugin ready to use in any HTML page displayed on mobile phones, tablets and desktop devices.

jQuery Pretty Dropdowns Menus

jQuery Pretty Dropdowns Menus

Pretty Dropdowns is a simple, lightweight jQuery plugin that converts <select> drop-down menus into “pretty” menus that you can style using CSS. Full keyboard navigation is supported (you can go directly to a menu option by typing its text). As an extra bonus, it does its best to keep the menu options within the viewport.

Progress Nav : CSS Animate Mark on Scroll

Progress Nav : CSS Animate Mark on Scroll

Progress Nav page demonstrates an idea for how progress can be visualized inside of a standard page nav. Scroll the page and note how the marker animates to highlight all of the sections that are currently on screen.

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



Best jQuery websites design awards