jQuery MegaMenu 2

A sequel to the popular jQuery MegaMenu Plugin, with quiet a lot of changes in the code base and usability.

So whats new in jQuery MegaMenu 2

1. A completely revamped JS and CSS code-base.
2. Easier to use. (A lot simpler HTML and JS needs to be used to initiate the menu)
3. Customizable menu show and hide effects, with three available options of slideDown/slideUp, fadeIn/fadeOut and simple
4. Customizable menu activation and deactivation actions. Now you can choose to activate the menu by click or by mouseover
5. HoverIntent like feature embedded into the code-base so that we have smooth navigation by default without any external libraries.
6. Automatic alignment of the menu content according to the width of the parent menu container.
7. Variable width of the menu contents.
8. Non obtrusive and easier to understand CSS.

Fading Navigation

Given tutorial will walk you through creating a basic fading navigation, and provide tips to avoid some common pitfalls. In one sentence, the idea is to create a cover image and fade it in and out on hover.

Fluid Navigation – jQuery & CSS

In the given tutorial you will create a menu that appears like a standard menu bar in it’s default state, but which on rollover pulls down an information area that covers both the original menubar item and has an expanded section containing the text we want to display. This can be seen in the wireframe below.