Mega Menu Reloaded (Navigation)

Posted on February 25th, 2012. Written by Blancer.




This Mega Menu Reloaded comes with awesome options and is the most complete solution to build mega menus. It also works without javascript and when disabled most of the content remains accessible.
Optionnal features like the contact form or the tabs can be safely removed. Getting rid of them will not affect the main functionnality of the menu.

Notice : the live preview doesn’t show all the options available for this menu, check the video for more examples.

Features

  • 3 variants : “pushing”, “covering” and fixed
  • Column Grid System (up to 12 columns)
  • 6 jQuery Effects
  • Menu bar scroller
  • Custom Scrollbars within the drop downs
  • Inner Tabs to include more content
  • Relies mainly on CSS , improved with some javascript
  • Working AJAX Contact Form
  • Clean and attractive design
  • Complete Typography Set
  • 100% valid HTML /CSS markup
  • Uses some CSS3 magic
  • Comes with a fully working AJAX contact form
  • Cross-browser tested

Efffects

  • Mouse Click (“Toggle”) – Drop downs fixed until another click
  • Mouse Hover – Drop downs disappear once the mouse is out
  • Mouse Click – Drop downs disappear once the mouse is out

For each effect, the drop downs can fade or slide.

It has been tested with all the major browsers and degrades gracefully down to IE6 . Please keep in mind that some CSS3 features don’t work with old browsers like rounded corners. For more informations, please visit findmebyIP.

Compatible Browsers

  • Internet Explorer 6+ ()
  • Firefox 2+
  • Chrome 4+
  • Safari 4+
  • Opera 11+

() Notice : IE6 requires an additional script that improves its compatibility with some basic CSS properties. You’ll find more informations here.

Changelog

02/24/2012 – Version 1.1

  • Fixed an issue caused by the custom scrollbars (modified megamenu.js)

02/15/2012 – Version 1.0

  • Initial release

Credit Photos

Photos by Mark Sebastian

CSS -only Mega Menu also available !

If you prefer a CSS -only Mega Menu, have a look to my best selling item :


Download Mega Menu Reloaded (Navigation)

This entry was posted on Saturday, February 25th, 2012 at 5:03 pm and is filed under code. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site. You can skip to the end and leave a response. Pinging is currently not allowed.

Blancer

Leave a Comment

Please note: comment moderation is enabled and may delay your comment. There is no need to resubmit your comment.