jdMenu - jQuery水平下拉菜单插件


MIT/GPL
跨平台
JavaScript

软件简介

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>