手机版

jQuery易用户界面菜单与按钮之创建简单的菜单和链接按钮

时间:2021-09-22 来源:互联网 编辑:宝哥软件园 浏览:

菜单(菜单)定义在一些差异标记中,如下所示:

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 });创建链接按钮(链接按钮)

通常情况下,使用按钮元素来创建按钮,而链接按钮(链接按钮)则是使用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)类样式,它在按钮上显示一个图标图片。

有时候您需要禁用链接按钮(链接按钮)或者启用它,下面的代码演示了如何禁用一个链接按钮(链接按钮):

$(选择器)。链接按钮('禁用');//调用"禁用"方法

版权声明:jQuery易用户界面菜单与按钮之创建简单的菜单和链接按钮是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。