原創|使用教程|編輯:龔雪|2015-10-19 09:04:37.000|閱讀 658 次
概述:本教程主要為大家展示如何使用jQuery EasyUI創建一個菜單按鈕。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關鏈接:
Kendo UI for jQuery——創建現代Web應用程序的最完整UI庫!查看詳情>>>
本教程主要為大家展示如何使用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代碼了。
購買最新正版授權!""
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉載自:慧都控件網