jQuery Menus Plugin & Tutorials with Example

jQuery Responsive Menu

jQuery Responsive Menu

jQuery Responsive Menu is a drop-down menu for responsive websites. It is a jQuery plugin that includes a JavaScript file and CSS file as well as sample HTML.

Gooey Menu : Cool gooey effects Menu with jQuery & SVG

Gooey Menu: Cool gooey effects Menu with jQuery & SVG

jQuery Menu Plugin With Cool Gooey Effects

  • Cool gooey effects using SVG filters
  • Six menu styles (spaced/stacked round, horizontal, vertical menus)
  • 15+ easily customizable options
  • Easy to use event API
  • Fully responsive layout
  • Support of all modern browsers

Slideout.js : Touch Slideout Navigation Menu

Slideout.js : Touch Slideout Navigation Menu

A touch slideout navigation menu for your mobile web apps.

Features:

  • Dependency-free.
  • Simple markup.
  • Native scrolling.
  • Easy customization.
  • CSS transforms & transitions.
  • Just 4 Kb!

Inspiration for Button Styles and Effects with CSS3

Inspiration for Button Styles and Effects with CSS3

A collection of fresh button styles and effects for your inspiration. We use CSS transitions and pseudo-elements for most of the effects.

Secondary sliding Navigation with CSS3 & jQuery

Secondary sliding Navigation with CSS3 & jQuery

A bold, secondary menu that slides over the main navigation.

This approach can be an alternative to a standard dropdown menu, in particular if you want to emphasise more the sub navigation. Besides you can easily customize the snippet and use the slide in panel for a search box instead, or a login form – just to give you a couple of ideas.

Bootstrap Offcanvas Menu

Bootstrap Offcanvas Menu

Super simple, easy to use off-canvas navigation menu for Bootstrap.It uses Bootstrap classes and markup to create an off-canvas menu that not only looks good. But works perfectly.

jQuery Bootstrap Submenu

jQuery Bootstrap Submenu

Bootstrap menu with submenu option with jQuery.

Full-screen Pushing Navigation with CSS3 & jQuery

Full-screen Pushing Navigation with CSS3 & jQuery

A full page menu, that replaces the current content by pushing it off the screen with CSS3 and jQuery.

Bouncy Navigation with CSS3 & jQuery

Bouncy Navigation with CSS3 & jQuery

A full-screen navigation, with floating menu items.There are cases when you want to present the user with a choice, with the focus of the web page being the different options. Whether it is a modal navigation, or a list of categories, todays nugget gets you covered!

We used CSS animations and a pinch of jQuery to animate navigation items, and let them bounce in and out the screen.

OpenFooter : jQuery Responsive Full Screen Footer

OpenFooter : jQuery Responsive Full Screen Footer

OpenFooter jQuery is a small script that is used to create the unique responsive footer with power features. With this plugin you can make a footer with many kinds of content (Text, images/photos, videos/iframes…) and you can add content as much as you want. Additionally, this plugin also allow you expand the footer to fullscreen for easier view.



Best jQuery websites design awards