Best jQuery Menus Plugins & Tutorials with Demo

Auto Inherit Bootstrap Theme Vertical Sidebar

Auto Inherit Bootstrap Theme Vertical Sidebar

It is a ready to use component in any bootstrap website. It consists of a vertical navigation menu based on css3 and jQuery.

Features:

  • Fully Resposive on all screens; Desktop, Tablet, Mobile
  • Same Code for all devices and platforms
  • Multiple Level Dropdown Menu (Unlimited)
  • Glyphicons – Bootstrap version 3.3.5
  • Inherit any theme look
  • Collapsible Mobile Menu

SlideMenu : jQuery Responsive Sliding Menu

SlideMenu : jQuery Responsive Sliding Menu

SlideMenu is a solution for creation responsive slide navigations. It supports show and hide CSS3 animations, unlimited slides, custom themes and multiple instances. The plugin can be deployed easily. It runs on all modern browsers and mobile devices. You can customize the plugin by adding CSS or LESS code to the themes and also changing settings.

  • Unlimited Number of Slides – you can use unlimited numbers of submenus
  • CSS3 Animations – over 60+ CSS3 animations are available to give some stunning effects to the menu
  • 5 Predefined Themes – included 5 skins, you can create your own theme containing custom colors, fonts, and effects by starting with a built-in themes and changing its settings
  • Build with LESS – LESS and CSS files included

Slyder : jQuery Slider Navigation for FAQ

Slyder : jQuery Slider Navigation for FAQ

A responsive slider navigation jQuery plugin for FAQ type module.

FooterMenu : jQuery Nice Toggle Footer Menu

FooterMenu : jQuery Nice Toggle Footer Menu

Simple and easy jQuery plugin. Nice slide up toggle footer menu when scroll down.

Drilldown : jQuery Animated Drilldown Menus

Drilldown : jQuery Animated Drilldown Menus

A simple jQuery plugin for creating animated drilldown menus.

Features:

  • Multiple menus on a single page
  • Pretty flexible, doesn’t enforce specific tags
  • Lightweight: 2 KB when minified (even less after gzip)

jQuery Offset Scroller

jQuery Offset Scroller

A jQuery plugin to enable smooth scrolling to a page anchor/id with a configurable offset.

CSS Mobile Header Animations

CSS Mobile Header Animations

I have created this resource to highlight some navigation animations. By explaining the first example I hope you will understand the rest animations. The main thing that will differ is the navigation animation.

jQuery contextMenu plugin & Polyfill

jQuery contextMenu plugin & Polyfill

The contextMenu Plugin was designed for web applications in need of menus on a possibly large amount of objects. Unlike implementations as a beautiful site’s or trendskitchens’ this contextMenu treats the menu as the primary object. That means, that a single menu is defined that can be used by multiple objects. Unlike the mentioned plugins, contextMenu doesn’t need to bind itself to triggering objects. This allows injecting and removing triggers without having to re-initialize or update contextMenu.

cbFlyout : jQuery Responsive Navigation Plugin

cbFlyout : jQuery Responsive Navigation Plugin

cbFlyout is a responsive navigation jQuery plugin for developers to help them in their projects handling.

TOC : jQuery Table of Contents Plugin

TOC : jQuery Table of Contents Plugin

TOC is a jQuery plugin that will automatically generate a table of contents for your page. You can see an example of it on the left side of the page.

Features:

  • Completely customizable
  • Click to smooth scroll to that spot on the page
  • Automatically highlight the current section
  • Extremely lightweight (744 bytes gzipped)
  • Can have multiple on a page


Best jQuery websites design awards