Best jQuery Menus Plugins & Tutorials with Demo

Mega-Site Navigation in CSS & jQuery

Mega-Site Navigation in CSS & jQuery

A responsive and easy to customize navigation for mega-sites, enriched by subtle CSS animations and support for devices with javascript disabled.

jQuery MenuItems : Navigation Menu Widget

jQuery MenuItems : Navigation Menu Widget

Dynamic jQuery menu plugin that lets you create beautiful and responsive navigation widgets.

Materialmenu : jQuery Responsive Menu Plugin

Materialmenu : jQuery Responsive Menu Plugin

jQuery plugin that creates an responsive Menu on website.

minimap : jQuery full Webpage Preview Plugin

minimap : jQuery full Webpage Preview Plugin

A preview of full webpage or its DOM element with flexible positioning and navigation support.

StickyFooterNav : Responsive Mega Footer with CSS3 & jQuery

StickyFooterNav : Responsive Mega Footer with CSS3 & jQuery

StickyFooterNav is a unique mega footer solution designed and coded to work and fit on any device. It is fully responsive and comes with a flexible grid system to hold your content within panels.

Features:

  • 100% Responsive & powerful mega footer system
  • 3 types of drop downs (fixed width, mega and full browser width)
  • Unique full browser width panels
  • Sticks to the bottom of the browser
  • Flexible columns grid
  • Left or right alignment for the menu items and the drop downs
  • Custom & automatic scrollbars within panels
  • Clean and professional design
  • Fits into any layout
  • Lots of styled elements

Bootstrap Context Menu with jQuery

Bootstrap Context Menu with jQuery

Context menu plugin for Twitter’s Bootstrap framework.

jQuery AnimateScroll Navigation Plugin

jQuery AnimateScroll Navigation Plugin

A Simple jQuery Plugin extending animateScroll plugin with Single Page Scroll Capabilities.

Features:

  • Smooth, continous scroll across sections
  • Ability to navigate to each and every section, also programatically
  • Possible menu integration, but I didin’t want menu to be included as part of a package
  • Each section can have different height
  • If section height is less then screen height – it can be adjusted
  • If section is higher then screen – we’re cool
  • It would support History API

Rounded Animated Navigation with CSS3 & JQuery

Rounded Animated Navigation with CSS3 & JQuery

An experimental full-screen navigation, animated using CSS and jQuery, that expands within a circle.

Facebook Style Notification Popup using CSS & jQuery

Facebook Style Notification Popup using CSS & jQuery

Are you looking for Facebook UI features, this post will explain you how to create a Facebook style notifications popup using Jquery, HTML and CSS, you will understand how CSS elements will helps to improve better web design. This is the most needed feature for social networking web projects to minimize and enrich the UX elements.

Bootstrap Dropdown Menus Enhancement

Bootstrap Dropdown Menus Enhancement

Enhancing functionality of dropdown menus. Added the following improvements:

  • Sub-Menus
  • Support for radio and checkboxes
  • Positioning of menus
  • Bullet for menus