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