您的位置：首页 > Web前端 > JQuery

【jQuery】菜单工具插件——menu

2015-12-22 04:19 656 查看
菜单工具插件可以通过<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。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航