jQuery EasyUI使用教程之建立一個菜單按鈕

<jQuery EasyUI最新版下載>

本教程主要爲你們展現如何使用jQuery EasyUI建立一個菜單按鈕。菜單按鈕包含了一個按鈕和菜單組件，當點擊或將鼠標移動到該按鈕上時，相應的菜單就會顯示。

查看演示

想要定義一個菜單按鈕，首先你應該先定義一個連接按鈕和一個菜單，下面是一個示例：

< div style = "background:#fafafa;padding:5px;width:200px;border:1px solid #ccc" >

< a href = "#" class = "easyui-menubutton" menu = "#mm1" iconcls = "icon-edit" >Edit</ a >

< a href = "#" class = "easyui-menubutton" menu = "#mm2" iconcls = "icon-help" >Help</ a >

</ div >

< div id = "mm1" style = "width:150px;" >

< div iconcls = "icon-undo" >Undo</ div >

< div iconcls = "icon-redo" >Redo</ div >

< div class = "menu-sep" ></ div >

< div >Cut</ div >

< div >Copy</ div >

< div >Paste</ div >

< div class = "menu-sep" ></ div >

< div iconcls = "icon-remove" >Delete</ div >

< div >Select All</ div >

</ div >

< div id = "mm2" style = "width:100px;" >

< div >Help</ div >

< div >Update</ div >

< div >About</ div >

</ div >

如今，菜單按鈕就已經完成了，你不須要寫任何的JavaScript代碼了。

有興趣的朋友能夠點擊查看更多有關jQuery EasyUI的文章！