jQuery Menus Plugin & Tutorials with Example

jQuery MegaKrill : Compact navigation for mobile devices

jQuery MegaKrill : Compact navigation for mobile devices

jQuery MegaKrill is a compact navigation for mobile devices and responsive layouts!.Resize the browser window in demo page to see the plugin(s) in action.

Navgoco : jQuery Multi-level slide navigation & Accordion effect

Navgoco : jQuery Multi-level slide navigation & Accordion effect

Navgoco is a simple JQuery plugin which turns a nested unordered list of links into a beautiful vertical multi-level slide navigation, with ability to preserve expanded sub-menus between sessions by using cookies and optionally act as an accordion menu.

Puerto – CSS3 Responsive Mega Menu

Puerto - CSS3 Responsive Mega Menu

Puerto – Responsive Mega menu: is pure HTML5/CSS3 menu. Menu has HTML5 structure and works on all major browsers. Menu is easy to edit and integrate into any website. CSS is separate from HTML and is well commented. Menu has two similar layout and eight colors, each theme can be used separately without any connection with the others. Menu is responsible and adapts to the screen of the device(computer monitor, tablet, mobile phone…). Menu also has five different animation.

Fluid Menu to Overlay Content CSS3 Animations

Fluid Menu to Overlay Content CSS3 Animations

I would like to share with you a personal experience I had while trying to build advanced visual animations with CSS keyframes. The topic we’re going to address is animating several HTML elements simultaneously and taking advantage of keyframe flexibility. To explain this subject, we will create a simple fluid menu based on four squares. Clicking on one of them will display an overlay showing related content, closing the overlay will reverse the process showing the default menu. All delays will be managed directly with CSS — no javascript timeout() here.

Pikabu : jQuery Off-Canvas flyout menu

Pikabu : jQuery Off-Canvas flyout menu

Pikabu is a speedy, flexible framework for off-canvas flyout panels.Momentum scrolling in sidebars and smart fallbacks for browsers that don’t support it.

jQuery Hover Dropdown box

jQuery Hover Dropdown box

The jQuery plugin that provides interactive drop-down list box.

Pagescroll : jQuery animated scroll Menu

Pagescroll : jQuery animated scroll Menu

Create animated scroll menu with jQuery

Features:

  • vertical or horizontal display
  • absolute, fixed or inline styles
  • left, right, top or bottom aligns
  • configurable background color, font sizes, colors also configurable via CSS
  • smooth animation during pagescroll
  • fade in / fade out effect when user scrolling

jQuery ReSmenu – Select based Responsive menu

jQuery ReSmenu - Select based Responsive menu

jQuery ReSmenu is a very simple and lightweight (~1Kb) jQuery plugin that collapse ul menus into selects on responsive layouts.

Tocible : jQuery Plugin for Table of contents Navigation Menu

Tocible : jQUery Plugin for Table of contents Navigation Menu

Tocible creates a table of contents navigation menu that animates anchoring on click and follows the user scrolling.

CSS Drawer menu : Pure CSS Responsive Menu

CSS Drawer menu : Pure CSS Responsive Menu

An ultra light mobile side “drawer” menu in pure css.

Features:

  • Responsive
  • Percentage based!
  • ULTRA Lightweight!
  • PURE CSS! (2kb uncompressed)


Best jQuery websites design awards