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

<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的文章！