一个简单的javascript菜单(5)


 

   //隐藏子菜单
  this.hideMenu=function(){
   if(menu.selectedIndex==-1) return;
   menu.barItems[menu.selectedIndex].className=id+"_barItem";
   menu.pads[selectedIndex].style.display="none";
   menu.selectedIndex=-1;
   menu.board.style.display="none";
  }

  //执行菜单命令;
  this.execute=function(ary){
   if(ary[2]==null) return;
   if(ary[1]=="js") { eval(ary[2]); menu.hideMenu(); }
   else if(ary[1]==null || ary[1].toLowerCase=="_self") location.href=../../ary[2];
   else{ var x=window.open(ary[2],ary[1]); x.focus(); }
  }

  //建立子菜单的显示面板
  this.crtMenuBoard=function(){
   document.write(
    "<div id='"+id+"_board' style='position:absolute;width:160px;height:10px;left:0px;top:20px;background-color:#666666;z-index:99;display:none;'>"+
     "<div style='position:absolute;width:100%;height:100%;left:0px;top:0px;'>"+
      "<iframe id='"+id+"_frame' name='"+id+"_frame' width='100%' height='100%' frameborder='0' scrolling='no'></iframe>"+
     "</div>"+
     "<div id='"+id+"_pad' style='position:absolute;width:100%;height:100%;left:0px;top:0px;'></div>"+
    "</div>"
   );
   menu.board=document.getElementById(id+"_board");
   menu.pad=document.getElementById(id+"_pad");
   menu.pad.className=id+"_board";
   menu.pad.onselectstart=function(){ return false;}
  }

  //增加对像的一个子元素
  this.crtElement=function(el,p){
   return p.appendChild(document.createElement(el));
  }

  //安装菜单;
  this.setup=function(){
   menu.crtMenuBoard();
   menu.crtMenuBar();
   document.attachEvent("onclick",menu.hideMenu);
  }

  menu.setup();
 }
</script>
</body>

 
</HTML>

本文作者:



相关阅读:
网页设计者应该从三个方面优化网页
javascript OFFICE控件测试代码
linux下查看端口命令 端口
网页HTML代码讲解:有序列表和无序列表
jQuery 研究心得 取得属性的值
asp.net 定时间点执行任务的简易解决办法
群集共享卷文件(CSV)四种模式的区别
查看进程使用的端口的批处理文件
Javascript代码混淆综合解决方案-Javascript在线混淆器
ORA-02020错误:过多的数据库连接使用中问题
SQL2005 大数据量检索的分页
捕获关闭窗口的脚本
asp.net 正则表达式[经常用的到]
SQLServer2005:数据类型最大值
快速导航

Copyright © 2016 phpStudy | 皖ICP备18014864号-4