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