jQuery水平下拉菜单插件 jdMenu

• 授权协议: MIT/GPL
• 开发语言: JavaScript
• 操作系统: 跨平台
• 软件首页: http://jdsharp.us/jQuery/plugins/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 target="_blank"  rel="nofollow" href="http://www.google.com" target="_blank">Google</a></li>
 <li><a target="_blank"  rel="nofollow" href="http://www.yahoo.com" target="_blank">Yahoo!</a></li>
 <li><a target="_blank"  rel="nofollow" href="http://www.altavista.com" target="_blank">AltaVista</a></li>
 </ul>
 </li>
 <li>Google Products
 <ul>
 <li>Search &raquo;
 <ul>
 <li><a target="_blank"  rel="nofollow" href="http://base.google.com" target="_blank">Base</a></li>
 <li><a target="_blank"  rel="nofollow" href="http://code.google.com" target="_blank">Code</a></li>
 <li><a target="_blank"  rel="nofollow" href="http://images.google.com" target="_blank">Images</a></li>
 </ul>
 </li>
 <li><a target="_blank"  rel="nofollow" href="http://www.gmail.com" target="_blank">GMail</a></li>
 </ul>
 </li>
 </ul>

本文地址：https://codercto.com/soft/d/21707.html