半岛权威十大直营(官方)网站

jQuery EasyUI使用教程：创建一个简单的菜单

原创|使用教程|编辑：龚雪|2015-10-12 09:34:15.000|阅读 616 次

概述：本教程将为你展示如何使用jQuery EasyUI创建一个简单的菜单。

# 界面/图表报表/文档/IDE等千款热门软控件火热销售中 >>

相关链接：

Kendo UI for jQuery——创建现代Web应用程序的最完整UI库！查看详情>>>

<jQuery EasyUI最新版下载>

本教程将为你展示如何使用jQuery EasyUI创建一个简单的菜单。

创建一个简单的菜单

菜单被定义在一些DIV标记中，如下所示：

<div id="mm" class="easyui-menu" style="width:120px;">
<div onclick="javascript:alert('new')">New</div>
<div>
<span>Open</span>
<div style="width:150px;">
<div><b>Word</b></div>
<div>Excel</div>
<div>PowerPoint</div>
</div>
</div>
<div icon="icon-save">Save</div>
<div class="menu-sep"></div>
<div>Exit</div>
</div>

当菜单被创建之后是不可见的，调用'show'方法来显示它，或者调用'hide'方法来隐藏它。

$('#mm').menu('show', {
left: 200,
top: 100
});

下载该EasyUI示例：

购买最新正版授权！""


标签：HTML5jQueryUI界面

本站文章除注明转载外，均为本站原创或翻译。欢迎任何形式的转载，但请务必注明出处、不得修改原文相关链接，如果存在内容上的异议请邮件反馈至chenjj@wqylolg.cn

文章转载自：慧都控件网

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP