jQuery Menus Plugin & Tutorials with Example

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

jQuery Flyout Menu button

jQuery Flyout Menu button

jQuery Flyout is a simple plugin for creating a flyout menu button.

Tendina : jQuery Dropdown Side Menus Plugin

Tendina : jQuery Dropdown Side Menus Plugin

Tendina is a simple jQuery plugin that helps you build dynamic, interactive side-menus in seconds.

Features:

  • Provides a super easy way to setup sidemenus in a matter of minutes
  • Supports infinite levels of nesting
  • Hides your nested submenus and manages all interactions
  • Handles dinamically added elements (nice to have when building a menu from a JSON)
  • Supports multiple menu initializations on the same page
  • It’s lightweight – 3kb minified!

scotchPanels.js : jQuery Off Canvas Menus and Panels Plugin

scotchPanels.js : jQuery Off Canvas Menus and Panels Plugin

scotchPanels.js is a jQuery plugin for easily creating off canvas menus, navigations, and other panel types such as images, videos, and iframes. Scotch Panels are featured-packed and have a ton of different options for every skill-level to tweak and implement into almost any project.

Features:

  • Uses CSS3 with JavaScript Fallback
  • Fully Responsive
  • Custom transition styles
  • Completely Customizable with tons of optional settings
  • Lightweight, easy to use, and only one file
  • Cross Browser Support
  • Choose either custom HTML, images, iframes, or video panels
  • Optionally use HTM5 Data Attributes
  • Off Canvas directions from top, Bottom, left, and right
  • Works from any container or div
  • Extensive Callbacks API
  • Click, touch, hover, and keyboard helpers
  • CSS Class Helpers

Pure Drawer : Pure CSS Off-Canvas drawers Menu

Pure Drawer : Pure CSS Off-Canvas drawers Menu

You have probably all seen the “drawer menu/off-canvas” navigation style made popular by Facebook a few years back. There are a lot of great javascript plugins that offers this functionality, but I thought it would be cool to try and do this with the new cool features of css. No javascript required.

  • 9 Cool Effects
  • Different Drawer Position
  • Responsive Design
  • Cross browser support
  • Multiple Drawers on single page
  • No javascript

metisMenu : Easy menu jQuery plugin for Bootstrap

metisMenu : Easy menu jQuery plugin for Bootstrap

metisMenu  is a easy menu jQuery plugin for Twitter Bootstrap 3.

Slide in panel with jQuery & CSS3

Slide in panel with jQuery & CSS3

A CSS3 and jQuery powered slide-in panel, to quickly show side content, notifications or profile information.



Best jQuery websites design awards