A new version is available at
http://www.geektantra.com/2010/05/jquery-megamenu-2/
http://www.geektantra.com/2010/05/jquery-megamenu-2/
The other day I was searching for a jQuery based MegaMenu over google but couldn’t find any good plugin for the same so sat down and wrote one for myself. Here is a simple jQuery plugin to create an unbloated MegaMenu in seconds.
Demo: Click Here
Download: Click Here
Project Repository: Click Here
Usage:
- In your header section add the following:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script> <script src="javascripts/jquery.megamenu.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function(){ $(".MegaMenuLink").megamenu(".MegaMenuContent", { width: "900px" }); }); </script>
We can replace MegaMenuLink with the class of the menu links and MegaMenuContent with the class of the menu content. To have a flexible width of the megamenu just disable the width options or set width:”auto”.
- Next in your body add the following code:
<a class="MegaMenuLink" href="javascript:void(0)">First Mega Menu</a> <div class="MegaMenuContent"> Menu Content goes here </div>
Enjoy the plugin and do not forget to comment about it here.
Pingback: 13个绚丽的Jquery 界面设计 | HuDu个人Blog
Good plugin but i get a jquery conflict in some of my pages.how can i remove this
Hi.
Nice work, works just fine in LTR and RTL.
How do I add singletone elements – like “home” that has no DIV under it?
I tried removing the div – but than on mouse-out event the item is still highligted.
Is there a simple way to resolve it?
Thanks
Pingback: jQuery Mega Menu集合 | ~SolagirL~
谢谢，真心不错！
very nice menu thank you
Pingback: jQuery Mega Menu集合 | 我的舞台|网站模板|PSD模板|CSS模板|Flash模板|Html5+Css3模板
please send me this your menu
thanks & best regards
Pingback: jQuery MegaMenu 2 | WDToolbox - Web Designer & Developer's Toolbox
Pingback: jQuery Mega Menu – tạo menu cho website theo cách chuyên nghiệp | Blog CNTT Hà Nam
Thank you! Good and functional plugin ; )
A hug from Brazil!
Pingback: 便利なJavascript UIのご紹介 | Sakanaya_tarohの日記