微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

jdMenu jQuery水平下拉菜单插件

程序名称:jdMenu

授权协议: MIT/GPL

操作系统: 跨平台

开发语言: JavaScript

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>

jdMenu 官网

http://jdsharp.us/jQuery/plugins/jdMenu/

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐