jdMenujQuery水平下拉菜单插件
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 »
<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 »
<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>
评论