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>