jQuery Mega Menu là 1 jquery plugin được phát triển bởi GeekTantra. Với MegaMenu bạn có thể dễ dàng tạo menu theo phong cách riêng của mình. MegaMenu hỗ trợ menu hiển thị với nhiều hiệu ứng như slideDown/slideUp, fadeIn/fadeOut và các hiệu ứng đơn giản khác. MegaMenu rất nhẹ vì chủ yếu sử dụng CSS và javascript làm nền tảng. Với MegaMenu việc của bạn là sáng tạo menu tạo ra các HTML và việc còn lại là chèn nó cùng với MegaMenu vào website của bạn.
Nếu bạn đã sử dụng MegaMenu thì bạn cũng sẽ dễ dàng hiểu rằng tại sao rất nhiều website lớn trên thế giới sử dụng nó như:
Walmart
Adidas
Nike
và nhiều website khác như mydeco.com, like.com….
Ở Việt Nam có nhiều website lớn sử dụng MegaMenu như Zing, Mediamart…
Download Jquery Mega Menu tại đây: jquery-megamenu.2.0.zip
Để sử dụng:
Trong phần header của HTML thêm như sau:
[html]
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><script type="text/javascript" src="javascripts/jquery.megamenu.js"></script>
<script type="text/javascript">// <![CDATA[
jQuery(document).ready(function(){
jQuery(".megamenu").megamenu();
});
// ]]></script>
[/html]
Tiếp theo trong body thêm đoạn code sau:
[html]</pre>
<ul class="megamenu">
<li><a href="javascript: void(0)">First Menu</a>
<div style="width: 350px;">Contents of the first mega menu</div></li>
<li><a href="javascript: void(0)">Second Menu</a>
<div style="width: 350px;">Contents of the second mega menu</div></li>
</ul>
<pre>
[/html]
Nếu bạn sử dụng MegaMenu bạn sẽ thấy nó thật tuyệt vời. Để tham khảo thêm các bạn truy cập trang chủ của MegaMenu: http://www.geektantra.com/2009/09/jquery-mega-menu/.Chúc các bạn thành công.
