jQuery水平下拉菜单插件 jdMenu

jdMenu 为 jQuery 提供了一个简单、易用的水平下拉菜单功能。

效果图:

示例代码:

// $(document).ready(...);
$(function(){
$('ul.jd_menu').jdMenu();
// Add menu hiding on document click
$(document).bind('click', function() {
$('ul.jd_menu ul:visible').jdMenuHide();
});
});

...

<ul class="jd_menu">
<li>Search Engines &raquo;
<ul>
<li><a href="http://www.google.com" target="_blank">Google</a></li>
<li><a href="http://www.yahoo.com" target="_blank">Yahoo!</a></li>
<li><a href="http://www.altavista.com" target="_blank">AltaVista</a></li>
</ul>
</li>
<li>Google Products
<ul>
<li>Search &raquo;
<ul>
<li><a href="http://base.google.com" target="_blank">Base</a></li>
<li><a href="http://code.google.com" target="_blank">Code</a></li>
<li><a href="http://images.google.com" target="_blank">Images</a></li>
</ul>
</li>
<li><a href="http://www.gmail.com" target="_blank">GMail</a></li>
</ul>
</li>
</ul>

下载地址:http://jdsharp.us/jQuery/plugins/jdMenu/