Mega Menu Complete Set

This Mega Drop Down Menu Complete Set is perfect for creating unique menus by using one of the 9 jQuery effects and one of the 13 color variants.

Based on a custom grid, this menu allows you to organize your content into columns (from 1 up to 12) with a lot of typography examples such as headings, lists, images styling, tables, form elements, etc.

Main Features

• 5 layouts : standard, full width, vertical…)
• 13 color schemes
• Quick color change
• Up to 12 columns
• 9 jQuery powered effects (slide, fade, toggle…)
• Degrades gracefully if Javascript is disabled
• 3 blank HTML pages ready to include your content
• 2 full HTML examples
• Valid XHTML / CSS 3 markup
• Cross Browser Support (tested)
• Many typography examples ready to be used
• Form elements stylings
• Left or right alignment
• Help documentation

10+ Ready jQuery Effects

• Fade on mouse click
• Slide on click
• Toggle on click
• Fade on mouse hover
• Fade in (no fade out) on mouse hover
• Slide on mouse hover
• Toggle on mouse hover
• Open / Close effect (1 click to open, 1 click to close)
• First drop down already opened when the page loads
• ... Or any other drop down opened when the page loads

Compatible Browsers

This menu has been tested (and works !) in all the following browsers :

• Internet Explorer 6, 7, 8, 9 and 10 (Preview)
• Firefox 2 to 7
• Safari 4 and 5
• Opera 10, 11 and 11.50
• Chrome 4 to 15

Changelog

04/17/2012 – Version 2.1

• Improved compatibility with touch screen devices (added the ability to open and close drop downs)

03/17/2012 – Version 2.0

• Rewrote entirely the mega menu script
• Added a javascript file containing the script plugins (HoverIntent and Modernizr)
• Removed the csshover3.htc
• IE6 now requires the ie7-js library to work properly
• Updated jQuery

IMPORTANT : since the version 2.0, and because the whole script was changed, some comments on the item page are not relevant anymore.

11/01/2011 – Version 1.4

• Improved compatibility with touchscreen devices

10/27/2011 – Version 1.3

• Improved / modified the mega menu CSS markup
• Reintroduced form elements (and fixed an issue with the drop downs closing when clicking on form elements)
• Changed important classes (CSS)

07/17/2011 – Version 1.2

• Fixed an issue with the “hover fade” effect
• Added 2 effects : slide and toggle on mouse click (open / close)

07/06/2011 – Version 1.1

• Updated jquery
• Reorganized all the files and folders
• All menu variants use the same assets (JS, CSS )
• Removed the cufon examples
• Removed the file layout.css which was not necessary
• Enabled IE6 compatibility