jQuery EasyUI 菜单按钮(MenuButton)用法
星期天,2010 五 2 07:11:11
这里介绍一下菜单按钮(MenuButton)用法以及参数，首先我们可以先看一下菜单按钮可以做什么，下图就是一个布局的实例。（查看演示）
同样我们来通过一个小例子来学习一下这些参数，HTML代码如下：
- <a href="javascript:void(0)" id="mb" icon="icon-edit">Edit</a>
- <div id="mm" style="width:150px;">
- <div icon="icon-undo">Undo</div>
- <div icon="icon-redo">Redo</div>
- <div class="menu-sep"></div>
- <div>Cut</div>
- <div>Copy</div>
- <div>Paste</div>
- <div class="menu-sep"></div>
- <div icon="icon-remove">Delete</div>
- <div>Select All</div>
- </div>
然后按照《jQuery EasyUI框架使用文档》包含必要文件后，只要在$(function(){ }); 里添加一行代码来生成面板：
- $('#mb').menubutton({
- menu: '#mm'
- });
选项设置
| 选项名 | 类型 | 描述 | 默认值 |
|---|---|---|---|
| disabled | 布尔 | 如果为True则禁用按钮 | false |
| plain | 布尔 | 如果为True则显示普通效果 | false |
| menu | 字符串 | 用来建立相应菜单的选择器 | null |
| duration | 数字 | 定义当鼠标悬停时显示菜单的持续时间，以毫秒为单位 | 100 |
唉！！！一看程序就头疼！
[回复]
这样的好像！！对优化没什么好处吖！！！
[回复]