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

<jQuery EasyUI最新版下载>

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

查看演示

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

1 2 3 4 5 6 7 8 9 10 11 12 13 14

< 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'方法来隐藏它。

1 2 3 4

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

下载该EasyUI示例：easyui-timetable-demo.zip