一、易居创建简单的菜单

菜单（菜单)定义在一些差异标记中，如下所示：

div id=' mm ' class=' measuri-menu ' style=' width :120 px；'div onclick=' JavaScript : alert(' New ')' New/div span open/span div style=' width :150 px；'div word/div xcel/div PowerPoint/div/div/div图标=' icon-save ' save/div class=' menu-sep '/div div div div退出/div/div当菜单创建之后是不显示的，调用'显示'方法显示它或者调用隐藏方法隐藏它：

$('#mm ').菜单(“show”，{ left: 200，top : 100 })；二、易居创建按钮1、易趣创建链接按钮（链接按钮)通常情况下，使用按钮元素来创建按钮，而链接按钮（链接按钮)则是使用a元素来创建的。所以实际上一个链接按钮（链接按钮)就是一个显示为按钮样式的a元素。

为了创建链接按钮（链接按钮),所有您需要做的就是添加一个名为" easyui-linkbutton "的班级属性到a元素：

div style=' padding:5px背景# fafafa宽度width :500 pxborder :1 px solid # CCC ' a href=' # ' class=' measuri-link button '图标cls=' icon-cancel ' a href=' # ' class=' measuri-link button '图标cls=' icon-search '查询/a href=' #' icon-reload '刷新/a href=' # ' class=' measuri-link button '图标cls=' icon-search '查询/a href=' # class=' measuri-link button ' text button/a href=' # ' class='背景# fafafa宽度width :500 pxborder :1 px solid # CCC ' a href=' # ' class=' easy ui-link button '普通='true' iconCls='icon-cancel '取消/a href=' # ' class='简易ui-link按钮'普通=' true '图标cls=' icon-search '查询/a href=' true '图标cls=' icon-reload '刷新/a href=' # “简易用户界面链接按钮”普通=' true '图标cls=' icon-search '查询/a href=' # ' class=' easy ui-link button '正如您所看到的，iconCls属性是一个图标的半铸钢钢性铸铁(Cast Semi-Steel)类样式，它在按钮上显示一个图标图片。有时候您需要禁用链接按钮（链接按钮)或者启用它，下面的代码演示了如何禁用一个链接按钮（链接按钮):$(选择器)。 链接按钮('禁用')；//调用"禁用"方法2、易用户界面创建菜单按钮（菜单按钮)菜单按钮（菜单按钮)包含一个按钮（按钮)和一个菜单（菜单)组件，当点击或移动鼠标到按钮上，将显示一个对应的菜单。

为了定义一个菜单按钮（菜单按钮),您应该定义一个链接按钮（链接按钮)和一个菜单（菜单),下面是一个实例：

div style=' background : # fafa fa；padding:5px宽度宽度：200像素边界：1像素实心# CCC ' a href=' # ' class=' Measui-menubutton ' menu=' # mm1 ' icon cls=' icon-edit ' edit/a href=' # ' class=' Measui-menubutton ' menu=' # mm2 ' icon cls=' icon-help ' help/a/div div id=' mm1 ' style=' width 3360150 px；'div iconCls=' icon-undo ' undo/div iconCls=' icon-redo ' redo/div class=' menu-sep '/div div剪切/div复制/div粘贴/div class=' menu-sep '/div div iconCls=' icon-remove ' delete/div选择All/div/div id=' mm2 ' style=' width 3360100 px；div帮助/div更新/div关于/div/div现在已经定义好了一个菜单按钮（菜单按钮),您不需要写任何的爪哇岛描述语言代码3、易趣创建分割按钮（拆分按钮)

分割按钮（拆分按钮)包含一个链接按钮（链接按钮)和一个菜单（菜单).当用户点击或者鼠标悬停在向下箭头区域，将会显示一个对应的菜单。本实例演示了如何创建和使用分割按钮（拆分按钮).

我们创建一个分割按钮（拆分按钮)和一个链接按钮（链接按钮):

div style='边框：1 px实心# CCC背景# fafapadd :5 px ' width :120 px ' a href=' # ' class=' measuri-split button ' menu=' # mm ' icon cls=' icon-edit ' edit/a href=' # ' class=' measuri-link button ' plain=' true ' icon cls=' icon-help '/a/div id=' mm ' style=' width 3360150 px；div iconCls=' icon-Undo ' Undo/div iconCls=' icon-redo ' redo/div class=' menu-sep '/div div剪切/div复制/div粘贴/div class=' menu-sep '/div span open/span div style=' width :150 px；选择“程序”./div/div/div iconCls=' icon-remove ' delete/div全选/div/div现在已经定义好了一个分割按钮（拆分按钮),您不需要写任何的爪哇岛描述语言代码。

以上就是本文的全部内容，希望对大家的学习有所帮助。