当前位置: 编程技术>jquery
jquery-easyui创建下拉菜单的例子
来源: 互联网 发布时间：2014-10-08
本文导语: 使用jquery easyui建立下拉菜单很简单，定义菜单栏和菜单的MARKUP，用jQuery让其运转起来。 jquery easyui实现下拉菜单的效果图： 菜单栏怎么定义： 代码示例: Edit Ok Help 这栏的markup再简单不过了，...
使用jquery easyui建立下拉菜单很简单，定义菜单栏和菜单的MARKUP，用jQuery让其运转起来。
jquery easyui实现下拉菜单的效果图：
菜单栏怎么定义：
代码示例:
这栏的markup再简单不过了，再来看看菜单的定义：
代码示例:
Undo
Redo
Cut
Copy
Paste
工具栏
地址
链接
导航工具栏
书签工具栏
新建工具栏...
Delete
Select All
Ok
Cancel
Help3
About3
这里定义了三个菜单，都是HTML MARKUP，一看就明白。
最后执行菜单的建立语句：
代码示例:
$('#sb1').splitbutton({menu:'#mm1'});
$('#sb2').splitbutton({menu:'#mm2'});
$('#mb3').menubutton({menu:'#mm3'});
$('#sb2').splitbutton({menu:'#mm2'});
$('#mb3').menubutton({menu:'#mm3'});
这里建立了二种BUTTON，分别称为MenuButton和SplitButton，将其和菜单联系起来。
需要编写的JS语句就这三行。
您可能感兴趣的文章:
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术，将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。