jQuery Menus Plugin & Tutorials with Example

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.

MonoList : jQuery List Grouping & Navigation

MonoList : jQuery List Grouping & Navigation

MonoList – Plugin for creating navigation by list and by pretty much everything else.Do you have a long list of HTML elements? Would you like to group it by item’s first letter and allow users to easily navigate by it? With MonoList you can do it.

  • Easy integration with CSS frameworks
  • Set initial letter selection
  • Dealing with prefixes
  • Multilingual support
  • Data navigation
  • AJAX support

jQuery Multi-level Dropdown Menu

jQuery Multi-level Dropdown Menu

Multi-level dropdown menu for buttons. Tree dropdown menu with native look and feel, user-defined item rendering and unlimited items and depth.Supports any HTML for items, multiple combined sync/async datasources.

Features:

  • Render any HTML content
  • Unlimited items and submenus
  • Styling matches operating system/browser look
  • Optional scrollbar
  • Submenus optionally selectable
  • Regenerate items every time
  • Short and sweet; just over 200 lines of cleanly written code

MenuItems : jQuery Navigation Menu for One Page Site

MenuItems : jQuery Navigation Menu for One Page Site

Dynamic jQuery menu plugin that lets you create beautiful and responsive navigation widgets. Optimal for one-page sites.



Best jQuery websites design awards