Best jQuery Menus Plugins & Tutorials with Demo

Slide and Push Menus in CSS & JavaScript

Slide and Push Menus in CSS & JavaScript

A set of fixed menus that will slide out from any of the edges of the page. The two menus that slide out from the left and right side can also be used in combination with the body moving to the left or right side, respectively, hence being “pushed”.

There are examples of how to trigger the opening and closing of the menus and some example media queries.

Flaunt.js : jQuery stylish responsive navigations

Flaunt.js : jQuery stylish responsive navigations

Flaunt.js is a jQuery script that allows you to create a responsive, nested navigation out the box. Flaunt was built to overcome responsive design challenges which faced a huge percentage of websites. This challenge was to show nested navigation items on click-demand, without the event taking you through to the page you’ve pressed…

Metro Menu : jQuery Stylish Menu

Metro Menu : jQuery Stylish Menu

Metro Menu will help you to create a powerful stylish menu.This plugin is responsive and customizable. You can change the color, animation, position, closing methods and more.

Features:

  • Infinite Menu Options
  • Infinite SubMenu Options
  • Infinite color
  • more than 100 different images
  • You can control the way that the Metro Menu will disappear
  • Support 1 main menu and every option can store a submenu with infinite sub menu icons

Metro Style Side Menu with jQuery

Metro Style Side Menu with jQuery

Metro Style Side Menu with jQuery.

Features:

  • Crossbrowser
  • Simple/Clean
  • Metro Style
  • 900+ SVG Icons
  • Hight Resolution (100% vector)
  • Valid HTML5

jQuery Circle Navigation

jQuery Circle Navigation

This is a navigation menu in a circle shape. Contain 7 round shapes with different colors. It is easy to edit and customize.

SooperFish : jQuery Multi Column Dropdown Menus

SooperFish : jQuery plugin for Multi-Column Dropdown Menus

SooperFish is a highly configurable solution for animated dropdown menus. It combines the features of superfish, structured programming of Droppy and a ton of new features like multi-column dropdown menus and configurable show AND hide animation with custom easing.jQuery sooperfish is a mobile & touchscreen friendly drop down menu script. The script supports multi-column sub menus by automatically dividing menus into 2 or 3 columns when the number of items in a sub menu exceeds a configurable limit.

Feature:

  • Automatic dual or triple columns based on number of child menu items
  • Optional delay before hiding menu on mouse-out
  • Optional automatic indicator arrows (in black or white)
  • Configurable show AND hide animations
  • Custom easing supported
  • Works with jQuery backlava plugin (optionally)
  • Works fine with Javascript disabled
  • Comes with several free themes to demonstrate styling

jui_dropdown : jQuery Dropdown button Menu plugin

jui_dropdown : jQuery Dropdown button Menu plugin

jui_dropdown is a jquery plugin, provides a simple dropdown button menu (split button). jQuery UI themes compatible.Compatible with modern web browsers. Tested with: Google Chrome, Mozilla Firefox, Microsoft Internet Explorer >= 8, (default) Android browser.

Vertu : Simple Mega Menu with jQuery, Html5 & CSS3

Vertu : Simple Mega Menu with jQuery, Html5 & CSS3

Vertu – Simple Mega Menu is simple and easy mega menu with many functions.

Features:

  • Multi-Functional Menu
  • 4 levels drop down horizontal menu
  • Easy to change structure via CSS
  • Simple menu construction
  • Metro Style Menu
  • Cross Browser Support
  • Clean Code
  • Include HTML5/CSS3 and JavaScript file
  • Beautiful Contact Form

flowtime.js : HTML5/CSS3/JS Presentation Framework

flowtime.js : HTML5/CSS3/JS Presentation Framework

Flowtime.js is a framework for easily build HTML presentations or websites.You can navigate in many ways. The most common way is using the keyboard.

Flowtime.js is designed to perfectly fit your viewport and is based on a solid display: inline-block; foundation.
This frameworks doesn’t style your presentations or sites for you but it takes care of all the annoying things like navigation and deep-linking, so you are free to style every single element of your design as you like. But for the ones who need a ready-to-use tool it comes with a default theme that you can edit or you can add new themes just by linking your css files.

jQuery-menu-aim : jQuery Responsive Mega dropdowns like Amazon’s

jQuery-menu-aim : jQuery Responsive Mega dropdowns like Amazon's

menu-aim is a jQuery plugin for dropdown menus that can differentiate between a user trying hover over a dropdown item vs trying to navigate into a submenu’s contents.

menu-aim assumes that you are using a menu with submenus that expand to the menu’s right. It will fire events when the user’s mouse enters a new dropdown item and when that item is being intentionally hovered over.



Best jQuery websites design awards