程序博客网 > 办公键盘鼠标知乎

用yui建立简单的右键菜单

来源：互联网发布：办公键盘鼠标知乎编辑：程序博客网时间：2024/06/05 20:42

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>我的右键菜单</title>
<link href="menu.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.mydiv{display:block;
     background-color:#99cc66;
     width:400px;
     height:300px;}
</style>

<script language="javascript" src="yahoo-dom-event.js"></script>
<script language="javascript" src="animation.js"></script>
<script language="javascript" src="container_core.js"></script>
<script language="javascript" src="menu.js"></script>
<script language="javascript">
YAHOO.example.onWindowLoad=function(){
  var oDiv=document.getElementById('mydiv');

  //定义菜单项
  var aMenuItems=[
     {
     text:'添加',
    submenu:{id:'itemAdd',itemdata:[
       {text:'分类',value:'type'},
      {text:'风险',value:'risk'}
      ]}
      },
      {text:'删除'},
       {text:'修改'}
   ];

  //菜单事件分配程序(只执行一次)
  function handleMenuEvent(){
   //获取菜单项0的子菜单对象
   var oSubMenu=this.getItem(0).cfg.getProperty("submenu");
   //为子菜单对象指定事件分配程序
   oSubMenu.renderEvent.subscribe(handleSubMenuEvent);
   this.clickEvent.subscribe(MainMenuClick);
  }

  //子菜单事件分配程序(只执行一次)
  function handleSubMenuEvent(){
   this.clickEvent.subscribe(SubMenuClick);
  }

  function MainMenuClick(){
   var oMenuItem=arguments[1][1];
   if(oMenuItem.index!=0)
    //替换为你的处理程序
    alert(oMenuItem.index);
  }

  function SubMenuClick(){
   var oMenuItem=arguments[1][1];
   //替换为你的处理程序
   alert(oMenuItem.value);
  }

  //声明菜单对象
  var oContextMenu=new YAHOO.widget.ContextMenu(
            'fieldcontextmenu',
          {
               trigger:oDiv,
            itemdata:aMenuItems,
            lazyload:true,
                                       effect: {
                                            effect:YAHOO.widget.ContainerEffect.FADE,
                                            duration:0.25
                                       }
           }
          );

  //为菜单指定事件分配程序
  oContextMenu.renderEvent.subscribe(handleMenuEvent);
};

//建立事件监听
YAHOO.util.Event.addListener(window, "load", YAHOO.example.onWindowLoad);
</script>
</head>

<body class="yui-skin-sam">
<div class="mydiv" id="mydiv">
</div>
</body>
</html>

办公键盘鼠标知乎

办公键盘鼠标知乎

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子怎样做包子好吃包子馒头的做法包子用英语怎么说包子的做法大全与图解包子发面配方比例做包子的配方做包子的方法菜包子馅的做法糖包子的做法包子怎么做才松软好吃包子发酵时间做包子需要什么材料大包子的做法做包子的步骤怎么做包子馒头包子皮怎么做包子是什么意思包子用什么面粉红糖包子的做法包子怎么做法包子十八个褶捏图解包子的制作方法包子制作方法包子的做法大全如何做包子馒头做包子怎么发面包子做法大全什么包子好吃蒸包子怎么做烫面包子的做法豆角包子的做法狗不理包子的做法灌汤包子的做法南瓜包子的做法糖包子馅的做法包子发面技巧家里做包子的方法怎么发面做包子做包子怎么样怎样学做包子自己怎么做包子