jquery-easyui中的菜单（仿WIN7）

介绍一下EASYUI 中的菜单，这个菜单同以前的DMENU不同，经过了重新设计，仿照WIN7的菜单风格。先看张截图：

菜单的设计是在标记中定义的，看看菜单的代码：

	<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>
					<span>M1</span>
					<div style="width:120px;">
						<div>sub1</div>
						<div>sub2</div>
						<div>
							<span>Sub</span>
							<div style="width:80px;">
								<div onclick="javascript:alert('sub21')">sub21</div>
								<div>sub22</div>
								<div>sub23</div>
							</div>
						</div>
						<div>sub3</div>
					</div>
				</div>
			</div>
		</div>
		<div icon="icon-save">Save</div>
		<div class="menu-sep"></div>
		<div>Exit</div>
	</div>

怎么使得这个标记变成菜单，执行以下代码：

$('#mm').menu();

这是的菜单是不可见的，要显示时需要执行show方法，隐藏时则执行hide方法，下面的显示菜单的代码：

				$('#mm').menu('show',{
					left:100,
					top:200
				});

 

 

评论

15 楼 xl6861989 2011-09-02  

棒，太棒了 [size=x-large][/size][color=cyan][/color][align=center][/align]

14 楼 andy_zm 2010-01-24  

从效果图上看 还不错.

13 楼 nishijia 2010-01-23  

我觉得easyui 不错 不过例子太少了   文档也没有

12 楼 ccyingfu 2010-01-23  

好是好，可惜对IE6的支持差了点，菜单的效果在IE6下有个黑色框。还有些效果IE6不支持。

11 楼 zcq100 2010-01-22  

very  good

10 楼 毕竟红尘 2010-01-22  

这个是真的要赞一个
主要整库资源压缩后感觉还是比较小额...

9 楼 qsrock 2010-01-22  

支持一个！可惜很久没有些js了！

8 楼 a282791718 2010-01-22  

真的不错 ，顶

7 楼 風一樣的男子 2010-01-22  

看图片确实挺不错的

6 楼 fengsage 2010-01-22  

不错的插件。

5 楼 hbbbs 2010-01-21  

easyui ,非常不错！！！

4 楼 liyunbang2009 2010-01-21  

看起来貌似还不赖嘛~支持下！

3 楼 szwx855 2010-01-21  

这个插件不错，jquery-easyui中的菜单（仿WIN7）

2 楼 kingapex 2010-01-21  

EASYUI
我只能说：好！

1 楼 paulexcellent8298 2010-01-20  

沙发阿~~~，哈哈