Best jQuery Menus Plugins & Tutorials with Demo

SolidMenu+ : jQuery Responsive Mega Menu

SolidMenu+ : jQuery Responsive Mega Menu

Create an Ultra Responsive yet Beautiful MegaMenu navbar for your next site. It uses CSS3 Animations and provides a modern style navigation look and feel in your website.

These sets of Responsive Mega Menu utilizes the Standard “navbar” framework from Bootstrap 3.0. It can work on Fixed and Responsive Layout.

  • 100% Responsive, Works on All Devices
  • One Code: Works in All Devices
  • Beatiful Look and Feel
  • Bootstrap Navbar Framework
  • Bootstrap Drop Down Menu
  • Bootstrap 12-Column Grid Based, Compatible with BootStrap 3.0+
  • Line Icons Included, Vector Icons
  • Custom Widgets, Carousels, Images, Google Map, Sliders
  • Very light weight, No image needed
  • Easy Integration for your Web Projects
  • Varieties of Pure CSS3 Animations

jQuery Responsive Overlay Menu

jQuery Responsive Overlay Menu

Framework for making responsive cross-browser overlay menus.

Features:

  • works in all browsers
  • works on all device
  • tiny, < 600bytes
  • responsive
  • super fast
  • uses jquery animations
  • framework not a template
  • easy to use

Stripe.com Navigation in CSS & jQuery

Stripe.com Navigation in CSS & jQuery

A morphing dropdown that animates according to the size of its content.A few weeks ago stripe.com launched a new website design. It looks awesome. One thing we dig in particular is the morphing navigation dropdown: instead of hiding and showing a new dropdown “container” when the user switches from one navigation item to the other, they animate the dropdown background to make space for different content sizes.

Dynamic Drop Down Menu Using jQuery, Ajax, PHP And MySQL

Dynamic Drop Down Menu Using jQuery, Ajax, PHP And MySQL

In this tutorial we will show you how to create dynamic drop down menu using jQuery, Ajax, PHP and MySQL.You had seen dynamic drop down menu in many online shopping website where you just hover on menu and a big submenu with images will open that’s what we were going to create in this tutorial

okayNav : jQuery Responsive Navigation Plugin

okayNav : jQuery Responsive Navigation Plugin

You know how navigations have only a desktop and a mobile state, right? I thought, “this might cost people money because it requires additional click for users to reach even the most important pages.”

This navigation aims at progressively collapsing navigation links into an off-screen navigation instead of doing it for all the links at the same time.

Customizable Responsive Menu

Customizable Responsive Menu

Here is a tool where user can select a different web & mobile menu and generate a responsive menu.All you have to do is select the navigation type and generate the HTML code to be downloaded in simple easy steps. This does not stop here; this website also allows you to choose different menu styles for desktop and mobile devices to generate the HTML code for responsive menu.

Gumshoe : A simple, framework-agnostic Scrollspy Script

Gumshoe : A simple, framework-agnostic Scrollspy Script

A simple, framework-agnostic scrollspy script. Gumshoe works great with Smooth Scroll.

jQuery Squeezing Header Plugin

jQuery Squeezing Header Plugin

A jQuery plugin for squeezing your header on scroll down.

Above & Beneath: Featured Content Layout Effect with CSS

Above & Beneath: Featured Content Layout Effect with CSS

Today we’d like to share a little aquatic landing page template with some special effects with you. The idea is to show a big headline in the initial view and when a grid/menu icon is clicked, the view slides down (below the water) and some featured content or menu items get shown. The transitions are accompanied by some fitting background sounds.

jQuery floating Menu Plugin

jQuery floating Menu Plugin

This plugin requires jQuery! floatingMenu is a global-dynamic plugin which means you dont have to worry about dynamically added/created elements. For performance reasons the plugin clears its own initiation events when not visible.



Best jQuery websites design awards