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