10 jQuery Cool Menu Effect Plugins

Sam Deering

We’ve posted tons of jQuery Navigation Menu plugins for your websites and blogs and now we are giving you another awesome collection of 10 jQuery Cool Menu Effect Plugins. Enjoy!

Related Posts:

1. Right Click Menu

Very easy to use, compact plugin that creates a right-click menu.


Right Click Menu

Source + Demo

2. jQuery Multi Level Menu – FX CSS Menu with Submenus

100% CSS Menu with visual effect powered by jQuery. Javascript is used for effects only. Full cross-browser compatibility including IE6. Effects: smooth fade animation on mouse over and unfold submenu appearance. Easy-to-setup: simple nested unordered list for menu items with unlimited levels.


jQuery Multi Level Menu - FX CSS Menu with Submenus

Source + Demo

3. jQuery Menu Effect Plugin

Another jQuery plugin that help designers to eliminate the need to write up codes to animate their menu bar. This plugin provides effect to Designers in a very abstraction way.


jQuery Menu Effect Plugin

Source
Demo

4. Attractive jQuery Menu with Fade in and Fade out Effect

Not just a simple fade in and fade out effect. Requires a lot of CSS works and right images but the result is awesome!


Attractive jQuery Menu with Fade in and Fade out Effect

Source
Demo

5. Make a Smooth Animated Menu with jQuery

Ever seen some excellent jQuery navigation that left you wanting to make one of your own? Today we’ll aim to do just that by building a menu and animate it with some smooth effects.


Make a Smooth Animated Menu with jQuery

Source
Demo

6. Animated Menus Using jQuery

Learn how to create an animated menu (very similar to Dragon Interactive menu).


Animated Menus Using jQuery

Source
Demo

7. Overlay Effect Menu with jQuery

Create a simple menu that will stand out once we hover over it by covering everything except the menu with a dark overlay. The menu will stay white and a submenu area will expand. We will create this effect using jQuery.


Overlay Effect Menu with jQuery

Source
Demo

8. Color Fading Menu with jQuery

Learn how to create color fading menu in this tutorial.


Color Fading Menu with jQuery

Source
Demo

9. Realistic Hover Effect with jQuery

Add a rising hover effect to a set of icon links. Using jQuery’s animate effect, I experimented with icons that have reflections and others with shadows.


Realistic Hover Effect With jQuery

Source
Demo

10. Sliding Top Menu with jQuery

Sliding menus are very effective in areas where we have limited space. This is a sliding top menu built with jQuery which can be fired through the open & close buttons or with any tag with the related class name.


Sliding Top Menu With jQuery

Source
Demo

Free book: Jump Start HTML5 Basics

Grab a free copy of one our latest ebooks! Packed with hints and tips on HTML5's most powerful new features.