当前位置: 首页 > 软件库 > jQuery 插件 > jQuery菜单 >

jdMenu

jQuery水平下拉菜单插件
授权协议 MIT/GPL
开发语言 JavaScript
所属分类 jQuery 插件、 jQuery菜单
软件类型 开源软件
地区 不详
投 递 者 詹正浩
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

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>
  • <script type="text/javascript"> function menutree(parent,list) { $.each(list,function(i,n){ var li=$("<li></li>").appendTo(parent);

 相关资料
  • 我在stackoverflow上搜索此问题,但找不到任何内容。 我一直在用CSS制作一个下拉菜单。将鼠标悬停在下拉菜单上时,下拉项将水平显示,而不是垂直显示。 HTML CSS 如何垂直获取下拉列表项?

  • 问题内容: 我无法以某种方式存储我为Jenkins插件添加到jelly.xml中的下拉菜单中的值。另一方面,文本字段也可以正常工作 果冻: 我没有向数据绑定构造函数添加任何内容。也许这已经是问题了。我不知道如何添加它,因为它不是字符串而是列表? 因此,我只添加了doFillSelectionItems函数,该函数可以正常工作。 以及save()之前的configure方法: 毫无疑问,我可以在这三

  • 问题内容: 我正在尝试制作一个简单的CSS下拉菜单,当您将鼠标悬停在链接上时,将显示子菜单。当您将鼠标悬停在li上时,我已经设法实现了这一点,但无法弄清楚如何使用链接来实现。 我之所以尝试使用链接而不是li来执行此操作,是因为我的菜单宽度为100%,并且li所占的面积比链接大,因此,如果将鼠标悬停在该区域上,则不显示该子菜单不想。 我的CSS如下: 问题答案: 如果可能的话,我会避免使用JS。这不

  • 主要内容:用法,实例,实例,选项,方法,实例Bootstrap 下拉菜单 这一章讲解了下拉菜单,但是没有涉及到交互部分,本章将具体讲解下拉菜单的交互。使用下拉菜单(Dropdown)插件,您可以向任何组件(比如导航栏、标签页、胶囊式导航菜单、按钮等)添加下拉菜单。 如果您想要单独引用该插件的功能,那么您需要引用 dropdown.js。或者,正如 Bootstrap 插件概览 一章中所提到,您可以引用 bootstrap.js 或压缩版的

  • 主要内容:实例,选项,实例,实例,更多实例本章将重点介绍 Bootstrap 下拉菜单。下拉菜单是可切换的,是以列表格式显示链接的上下文菜单。这可以通过与 下拉菜单(Dropdown) JavaScript 插件 的互动来实现。 如需使用下拉菜单,只需要在 class .dropdown 内加上下拉菜单即可。下面的实例演示了基本的下拉菜单: 实例 <div class="dropdown"> <button type="button" c

  • 主要内容:实例,实例,下拉菜单中的分割线,实例,下拉菜单中的标题,实例,下拉菜单中的可用项与禁用项,实例,下拉菜单的定位,实例,下拉菜单弹出方向设置,实例,实例,实例,下拉菜单设置文本,实例,按钮中设置下拉菜单,实例,实例Bootstrap4 下拉菜单依赖于 popper.min.js。 下拉菜单是可切换的,是以列表格式显示链接的上下文菜单。 实例 <div class="dropdown"> <button type="button" class="btn btn-primary dropdo

  • 介绍 向下弹出的菜单列表。 引入 import { createApp } from 'vue'; import { DropdownMenu, DropdownItem } from 'vant'; const app = createApp(); app.use(DropdownMenu); app.use(DropdownItem); 代码演示 基础用法 <van-dropdown-me

  • 下拉选择。 Usage 全部引入 import { Dropdown } from 'beeshell'; 按需引入 import { Dropdown } from 'beeshell/dist/modules/Dropdown'; Examples Code 详细 Code import { Dropdown } from 'beeshell'; <Dropdown ref={(c)