Jquery UI学习 订阅所有【Jquery UI学习】的日志

总结发布jQuery EasyUI 中文API—Menu

作者:rainweb 日期:2010-04-12

字体大小: 小 中 大

 Menu【菜单】

菜单可以包含许多菜单项、菜单项可以显示子菜单。
你也可以右点击显示文本菜单。

 使用说明

HTML代码
  1. <div id="mm" style="width:120px;">  
  2.         <div>New</div>  
  3.         <div>  
  4.                 <span>Open</span>  
  5.                 <div style="width:150px;">  
  6.                         <div><b>Word</b></div>  
  7.                         <div>Excel</div>  
  8.                         <div>PowerPoint</div>  
  9.                 </div>  
  10.         </div>  
  11.         <div icon="icon-save">Save</div>  
  12.         <div class="menu-sep"></div>  
  13.         <div>Exit</div>  
  14. </div>  

 

JQuery创建一个菜单
 
  1. $('#mm').menu(options);  

 

 菜单定位
  1. $('#mm').menu('show', {   
  2.   left: 200,   
  3.   top: 100   
  4. });   

 

事件说明

名字 参数 描述
onShow none 菜单显示后触发
onHide none 菜单隐藏后触发

 

方法说明

名字 参数 描述
show pos 指定位置显示一个菜单。
pos有两种特性参数。
left：新指定left位置。
top：新指定top位置。
 
hide none 隐藏菜单

 

特性说明

名字 类型 描述 默认值
zIndex number 增加子菜单时候，菜单z-index风格 110000
left number Menu left position. 0
top number Menu top position. 0
href string 当你点击菜单项目时候，可以在当前的浏览器窗口显示一个不同的网页链接 null

 

查看演示    官方文档




[本日志由 rainweb 于 2010-04-12 10:12 AM 编辑]
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags:
相关日志:
评论: 0 | 引用: 0 | 查看次数: -
发表评论
昵　称:
密　码: 游客发言不需要密码.
内　容:
验证码: 验证码
选　项:
虽然发表评论不用注册，但是为了保护您的发言权，建议您注册帐号.