码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2015-10-22 12:42:26      阅读:256      评论:0      收藏:0      [点我收藏+]

标签:

<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示例:easyui-timetable-demo.zip

有兴趣的朋友可以点击查看更多有关jQuery EasyUI的文章

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

标签:

原文地址:http://my.oschina.net/u/2317468/blog/520494

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!