使用 jQuery EasyUI 创建菜单

鉴客 发布于 2010/06/17 13:28
阅读 1K+
收藏 2

我们使用 DIV 来定义菜单中的项目,如下HTML所示:

 

<div id="mm" 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>

 

要创建并这个菜单,只需要简单的几行代码:

 

//创建菜单
$('#mm').menu();
// $('#mm').menu(options);

//显示菜单
$('#mm').menu('show', {
  left: 200,
  top: 100
});

 

执行后的菜单效果如如下:

怎样,很简单吧。效果也很不错。

加载中
返回顶部
顶部