Best jQuery Menus Plugins & Tutorials with Demo

jQuery ReSmenu – Select based Responsive menu

jQuery ReSmenu - Select based Responsive menu

jQuery ReSmenu is a very simple and lightweight (~1Kb) jQuery plugin that collapse ul menus into selects on responsive layouts.

Tocible : jQuery Plugin for Table of contents Navigation Menu

Tocible : jQUery Plugin for Table of contents Navigation Menu

Tocible creates a table of contents navigation menu that animates anchoring on click and follows the user scrolling.

Fixtop : jQuery plugin to fix DOM element to the Top

Fixtop : jQuery plugin to fix DOM element to the Top

A jQuery plugin to fix DOM element to the top when a page scrolls to its position.

CSS Drawer menu : Pure CSS Responsive Menu

CSS Drawer menu : Pure CSS Responsive Menu

An ultra light mobile side “drawer” menu in pure css.

Features:

  • Responsive
  • Percentage based!
  • ULTRA Lightweight!
  • PURE CSS! (2kb uncompressed)

jRMenuMore – jQuery plugin for Responsive Menu with More Option

jRMenuMore - jQuery plugin for Responsive Menu with More Option

jRMenuMore is a jQuery plugin for Responsive Menu or Navigation Bar with More option.

CMD Bomsect – jQuery Fullscreen Overlay Menu styles

CMD Bomsect - jQuery Fullscreen Overlay Menu styles

CMD Bomsect – fullscreen overlay menu styles – easy to use cross-browser and mobile ready fullscreen menu overlays animation. Menu easy to install and change, file includes 12 different animations and 5 additional colors of background.

jQuery ListNav Plugin

jQuery ListNav Plugin

Add a slick “letter-based” navigation bar to all of your lists. Click a letter to quicky filter the list to items that match that letter. I fixed it so that its compatible with jQuery 1.4.X Original plugin by iHWY.

FH Mega Menu – jQuery Bootstrap 3 Mega Menu Plugin

FH Mega Menu - jQuery Bootstrap 3 Mega Menu Plugin

The FH Mega Menu is a jQuery based Bootstrap 3.0+ mega menu plugin compatible with all mobile devices and modern web browsers.

Features:

  • 100% Responsive Layout Design
  • 100% Twitter Bootstrap 3.0+ Based
  • Unlimited Color Schemes
  • 3 Easy Step to Installation to any Web Projects
  • Detailed Documentation for “How to”
  • Flexible and 100% Bootstrap Columns Grid
  • Font Awesome Icons Included
  • Responsive Video and Google Map Integrated (Fitdivjs)

Pushy : jQuery Off-Canvas Navigation Menu

Pushy : jQuery Off-Canvas Navigation Menu

Pushy is a jquery responsive off-canvas navigation menu using CSS transforms & transitions.

Features:

  • Uses CSS transforms & transitions.
  • Smooth performance on mobile devices.
  • jQuery animation fallback for IE 7 – 9.
  • Menu closes when a link is selected.
  • Menu closes when the site overlay is selected.
  • It’s responsive!

Side Navigation Menu with CSS3

Side Navigation Menu with CSS3

Side Navigation Menu with CSS3 transition property & without JS.We have a <nav> tag on the left of the screen with position: fixed;, a width and a fixed height.

Then we have a list with <svg> images and hidden links with display: none;, when we do a :hover over <nav> tag we added more with to the <nav> and a display: block; so that the links appear.



Best jQuery websites design awards