Best jQuery Menus Plugins & Tutorials with Demo

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

Megamenu.js : jQuery Responsive MegaMenu

Megamenu.js : jQuery Responsive MegaMenu

Last responsive megamenu you’ll ever need.

Features:

  • Cross-browser copatibility
  • No classes! (for dropdowns or lists)
  • Smart – knows when to show megamenu, and when to show a normal dropdown
  • 100% responsive, works on all devices
  • Seamless wordpress integration
  • Super fast
  • Uses jquery animations (IE8 copatible)
  • Easy to use
  • Written in LESS (easy to abuse)

Section Scroll : jQuery Scrollable Section Navigation

Section Scroll : jQuery Scrollable Section Navigation

Section Scroll is a lightweight jQuery plugin for automatically generating a side bullet navigation on your one page scrolling website. Click on the navigation to scroll smoothly through different sections, automatically selects the correct navigation items.

Sticklr PHP : Easy Sticky Side Panel Builder

Sticklr PHP : Easy Sticky Side Panel Builder

Sticklr PHP is a PHP script which provides an easy way to generate sticky side panel navigation menu in server-side from various sources of formats: PHP, JSON, or MySQL database table.

Full-Screen Menu Overlay with CSS3 & jQuery

Full-Screen Menu Overlay with CSS3 & jQuery

A full-screen menu, showcasing your brand and website navigation. Our full-screen menu is built using HTML, CSS, and JavaScript. The HTML defines the structure, the CSS is used for animation, and JavaScript triggers the animations.

Vertical Fixed Navigation with CSS & jQuery

Vertical Fixed Navigation with CSS & jQuery

A smart vertical navigation, with round indicators that turn into labelled icons when the user interacts with them.

Inspiration for Line Menu Styles with CSS3

Inspiration for Line Menu Styles with CSS3

The line is an amazing design element. It’s so versatile and it allows us to use it for adding enjoyable animations or enhance points of interest. Today we’d like to share a set of ideas for using the line as a design element in horizontal menus. There are many creative possibilities, some minuscule and subtle, others bold and more extravagant. We’ve prepared a little inspirational set for you where we explore some line menu styles.

Full Screen Navigation with jQuery

Full Screen Navigation with jQuery

“Full Screen Navigation” is a navigation plugin ready to use on mobile devices and desktop devices. It’s a non-conventional navigation component to provide a modern look to your website. Is very customizable, compatible with the major browsers and has a high level documentation.

jQuery contextMenu plugin & polyfill

jQuery contextMenu plugin & polyfill

contextMenu is a management facility for – you guessed it – context menus. It was designed for an application where there are hundreds of elements that may show a context menu – so intialization speed and memory usage are kept fairly small. It also allows to register context menus without providing actual markup, as $.contextMenu generates DOMElements as needed.

Material Design Slider Animation with CSS3

Material Design Slider Animation with CSS3

A Material Design inspired slider with effective communicating animations.Communication design is a mixed discipline between design and information-development which is concerned with how media intermission such as printed, crafted, electronic media or presentations communicate with people.



Best jQuery websites design awards