jdMenujQuery水平下拉菜单插件

联合创作 · 2023-10-02 10:40

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>
浏览 4
点赞
评论
收藏
分享

手机扫一扫分享

编辑
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑
举报