Advertise here

jQuery Plugins Tagged ‘menu’

ReSmenu – Select Based jQuery Responsive Menu

November 22, 2013     12481     Menu Responsive
ReSmenu – Select Based jQuery Responsive Menu

jQuery ReSmenu is a simple and lightweight jQuery plugin that collapse ul menus into selects on responsive layouts.

Read More »

Accessible Mega Menu

November 13, 2013     8770     Menu
Accessible Mega Menu

A demonstration of how to implement a keyboard and screen reader accessible mega menu as a jQuery plugin.

It is modeled after the mega menu on adobe.com but has been simplified for use.

Read More »

visualNav – jQuery Navigation Menu with Smooth Scroll

November 08, 2013     6886     Menu Scroll
visualNav – jQuery Navigation Menu with Smooth Scroll

visualNav is a jQuery plugin that modifies a navigation menu to highlight / change when the menu's target smooth scrolls into view.

Read More »

stickUp – jQuery Plugin for Sticky Navigation Menus

November 05, 2013     18929     Menu
stickUp – jQuery Plugin for Sticky Navigation Menus

stickUp is a simple jQuery plugin that allows you to designate an element or navigation menu which will stick to the top of the page once scrolled past, and will return to place when scrolled past the other way.

Read More »

FerroMenu – Responsive and Interactive Bubble Menu Plugin

October 28, 2013     14244     HTML5 CSS3 & CSS Menu Responsive
FerroMenu – Responsive and Interactive Bubble Menu Plugin

FerroMenu is a free jQuery plugin that allows you to create animatable, responsive, user and mobile friendly bubble menus in a cool way and drag them through the screen.

With sevaral options you can customize the behaviuor of FerroMenu. It can be dragged around the screen, or you can set the transition time, delay and easing.

Read More »

Jump To – Smooth Jump-To Sub Navigation Menu

October 18, 2013     3962     Menu Scroll
Jump To – Smooth Jump-To Sub Navigation Menu

Jump To is a jQuery plugin that let you create a smooth jump to sub navigational menu in one JS call. The menu can be used to assist your navigation for pages with a lot of content.

Read More »

SlickNav – Responsive Mobile Menu Plugin

October 01, 2013     63221     Menu Mobile Responsive
SlickNav – Responsive Mobile Menu Plugin

SlickNav is a responsive mobile menu plugin for jQuery.

Features

  • Supports with multi-level menus
  • Flexible, simple markup
  • Cross-browser compatibility
  • Keyboard Accessible
  • Degrades gracefully if javascript disabled
  • Creates ARIA compliant menu

Read More »

Animated Border Menus

September 30, 2013     8360     CSS3 & CSS Menu
Animated Border Menus

A tutorial on how to create a off-canvas icon navigation with an animated border effect. The menu effect is inspired by CreativeDash's bounce menu for mobile apps.

Read More »

Context.js – Bootstrap Context Menu

September 29, 2013     14129     Menu Bootstrap
Context.js – Bootstrap Context Menu

context.js is a lightweight solution for contextual menus. Currently, there are two versions.

The first is to be used with Twitter Bootstrap (bootstrap.css specifically). If you do not use or want to use bootstrap.css, there is a standalone stylesheet to give the menu it's base styles.

Read More »

Snap.js – Facebook and Path Style Side Menus

September 27, 2013     9675     Menu
Snap.js – Facebook and Path Style Side Menus

Snap.js is a library for creating beautiful mobile shelfs in Javascript (Facebook and Path style side menus).

Features

  • High Customization
  • Flick Support
  • User Intent Detection
  • Event Hooks
  • CSS3 Powered Animations with IE fallbacks
  • Drag Support
  • Programatic API
  • "No-Drag" Elements
  • Definable Easing Mode

Read More »

menuSlider – Simple jQuery Menu Slider

September 05, 2013     8873     Slider Menu
menuSlider – Simple jQuery Menu Slider

menuSlider is jQuery menu slider plugin that creates the slider over the menu items. It's easy to use and create menus with slide animation effect.

Read More »

Custom Drop-Down List Styling

August 28, 2013     99765     Menu Form Elements
Custom Drop-Down List Styling

A tutorial on how to create some nice custom drop-down lists with CSS and jQuery.

There are five examples with different looking drop-down menus and lists for various purposes.

Read More »

Creating Jelly Navigation Menu for Touch Devices

August 23, 2013     5181     Menu Mobile
Creating Jelly Navigation Menu for Touch Devices

A tutorial about "Creating Jelly Navigation Menu for Touch Devices" by Smashing Magazine.

PaperJS used for the canvas graphics and TweenJS used for the animations.

Read More »

Google Play's Multi-Level Navigation Menu

August 20, 2013     16224     Menu
Google Play's Multi-Level Navigation Menu

A tutorial about "Creating Google Play’s Multi-Level Navigation Menu".

This menu has smooth animation and let users peek at the root-level menu by simply hovering a back button. It's created with using HTML, CSS and jQuery.

Read More »

Multi-Level Push Menu

August 14, 2013     35813     CSS3 & CSS Menu
Multi-Level Push Menu

An experimental push menu with multi-level functionality that allows endless nesting of navigation elements.

The result is a “push” menu that can (theoretically) contain infinite nested sub-menus. When opening a sub-level, the whole navigation pushes the content more, allowing a slice of the parent menu to be visible. Optionally, this slice can be visible or not, in which case the sub-menu will simply cover its parent.

Read More »