【jQuery】菜单工具插件——menu
来源:互联网 发布:新一代域名 编辑:程序博客网 时间:2024/05/21 13:55
菜单工具插件可以通过<ul>创建多级内联或弹出式菜单,支持通过键盘方向键控制菜单滑动,允许为菜单的各个选项添加图标,调用格式如下:
$(selector).menu({options});
selector参数为菜单列表中最外层<ul>元素,options为menu()
方法的配置对象。
例如,在页面中,通过<ul>元素内联的方式构建一个三层结构的导航菜单,并将最外层<ul>元素通过menu()
方法绑定插件,实现导航菜单的功能,如下图所示:
在浏览器中显示的效果:
从图中可以看出,通过<ul>内嵌的方式,构建一个三层结构的导航菜单,将<li>元素的class属性值设为“ui-state-disabled”,可将菜单选项置为不可用状态。
注意:
ui-state-disabled是在哪儿规定了对应disable的样式的?
答:
<link href="http://www.imooc.com/data/jquery-ui.css" rel="stylesheet" type="text/css" />,
注意看下index.html编辑器中<head>中引入了外部样式表,你可以将href地址粘贴到浏览器中下载,jquery-ui.css中有所有ui样式,其中就有ui-state-disabled。
0 0
- 【jQuery】菜单工具插件——menu
- 【JQuery UI】菜单工具插件——menu
- jQuery Menu 下拉菜单插件
- jQuery Promptu-menu菜单插件(触屏)
- jquery menu 各种菜单
- Jquery+CSS Menu菜单
- jQuery练习---jQuery Menu,菜单
- 【jQuery】右键菜单插件——contextmenu
- 【JQuery】右键菜单插件——contextmenu
- jquery插件——下拉列表插件(jQuery Simple Drop-Down Menu Plugin)
- Jquery menu 插件
- Android菜单——Menu
- Android——Menu菜单
- 导航菜单 gooey-menu jQuery液态融合(gooey)样式导航菜单插件(精)
- Jquery实现菜单处理menu
- 【jQuery】工具提示插件——tooltip
- android用户界面——菜单menu
- smartclient——menu导航菜单
- Delphi"配置系统未能初始化"
- 【jQuery】面板折叠插件——accordion
- 【jQuery】选项卡插件——tabs
- android studio一些严格的细节
- 【jQuery】对话框插件——dialog
- 【jQuery】菜单工具插件——menu
- [leetcode] 303. Range Sum Query - Immutable 解题报告
- 【jQuery】微调按钮插件——spinner
- Leetcode-69.Sqrt(x)
- 1 Redis的安装
- 【jQuery】工具提示插件——tooltip
- [leetcode] 70. Climbing Stairs 解题报告
- 12/21 学习笔记 hashcode String
- [leetcode] 304. Range Sum Query 2D - Immutable 解题报告