论坛首页 Web前端技术论坛

jquery-easyui中的菜单(仿WIN7)

浏览 14716 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (1) :: 隐藏帖 (1)
作者 正文
   发表时间:2010-01-20   最后修改:2010-01-25

介绍一下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
				});

 

 

  • 大小: 3.8 KB
   发表时间:2010-01-21  
EASYUI
我只能说:好!
0 请登录后投票
   发表时间:2010-01-21  
这个插件不错,jquery-easyui中的菜单(仿WIN7)
0 请登录后投票
   发表时间:2010-01-21  
看起来貌似还不赖嘛~支持下!
0 请登录后投票
   发表时间:2010-01-21  
easyui ,非常不错!!!
0 请登录后投票
   发表时间:2010-01-22  
不错的插件。
0 请登录后投票
   发表时间:2010-01-22  
看图片确实挺不错的
0 请登录后投票
   发表时间:2010-01-22  
支持一个!可惜很久没有些js了!
0 请登录后投票
   发表时间:2010-01-22  
这个是真的要赞一个
主要整库资源压缩后感觉还是比较小额...
0 请登录后投票
   发表时间:2010-01-22  
very  good
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics