Best jQuery Menus Plugins & Tutorials with Demo

jQuery In This Post – Easy Post Topics Navigation

jQuery In This Post - Easy Post Topics Navigation

When we write our long posts in our blogs it is a best practice to separate the different topics and subtopics by using heading elements (h1, h2, h3 and so on).

With jQuery In This Post you can do just that, add a awesome navigational bar that show your readers where they are in your post and what is coming next. It also supports comments block, so they can comment to your post as soon as they finish to read it!

jQuery Slide and Swipe Menu

jQuery Slide and Swipe Menu

A sliding swipe menu that works with touchSwipe library.This plugin uses CSS3 transform property to move the navigation. That’s why it works smoothly.

Blurry Menu with jQuery & Html5 Canvas

Blurry Menu with jQuery & Html5 Canvas

A blurry menu for all kind of websites. The blur effect is added dynamically and context sensitive to all displayed web-contents like images, texts and even background-images. This script uses existing scripts like html2canvas and Superfast Blur.

Bootstrap Vertical Menu

Bootstrap Vertical Menu

A vertical menu for desktop web apps, using bootstrap.

Bootstrap Dropdown Hover : jQuery Plugin

Bootstrap Dropdown Hover : jQuery Plugin

A simple plugin which opens Bootstrap dropdown menus on mouse hover, the proper way. Compatible with every device.

jQuery Accessible Mega Menu

jQuery Accessible Mega Menu

A demonstration of how to implement a keyboard and screen reader accessible mega menu as a jQuery plugin. It is modeled after the mega menu on adobe.com but has been simplified for use by others. An brief explanation of our interaction design choices can be found in a blog post at Mega menu accessibility on adobe.com.

NinjaRadial : Clean Radial jQuery Menu

NinjaRadial : Clean Radial jQuery Menu

This is a great radial menu jquery plugin to be used in your website or management system.

  • Clean and easy implementation;
  • Customize each button functionality;
  • Set colors and styles to each button;
  • Add how many buttons you want;
  • Configure size, distance and colors easily;
  • Call it from any element you want;

Priority Navigation : jQuery Responsive Navigation Menu

Priority Navigation : jQuery Responsive Navigation Menu

Priority Navigation is a jQuery plugin for creating arbitrarily-prioritized responsive navigation menus.

The main feature that sets it apart from other examples, is that it allows for prioritization ordering independent from menu ordering. Menu item prioritization is managed by applying data-attributes to the elements.

gizmoMenu : Customizable jQuery Context Menus

gizmoMenu : Customizable jQuery Context Menus

gizmoMenu gives you full design control over your site’s context menu. Just copy and paste one of the HTML menu styles and modify it to your liking. All HTML is exposed – allowing you to expand gizmoMenu however you like.

  • Lightweight and easy to use
  • Copy and Paste approach – no lengthy docs!
  • DropDown style contextmenu
  • Hamburger style contextmenu
  • Horizontal style contextmenu
  • Includes 6 color presets
  • Use any menu you want – including MegaMenus!

PriorityNavigation.js : JavaScript Responsive Navigation

PriorityNavigation.js : JavaScript Responsive Navigation

PriorityNav is a lightweight pure javascript plugin that will move your menu items if they don’t fit its parent.

  • No dependencies
  • Smart calculation of available space
  • Flexible
  • Non obstructive menu dropdown
  • Callbacks


Best jQuery websites design awards