一个简单的仿xp的js下拉菜单[1]

[入库:2005年8月18日] [更新:2007年3月24日]

本文简介:选择自 inanition 的 blog

  一个简单的仿xp的js下拉菜单,本来想用在我的网站的后台管理,但后来发现不实用,还是采用了左右框架的树型菜单,但这个程序既然写出来了,贴出来,希望对其它人有用,有兴趣的朋友可以对快捷键功能进行扩展,目前留有接口,但未实现。

menu.htm(菜单主文件)
<html>
 <head>
  <title>noteless valley(lijun.org)程序示例</title>
  <meta name="generator" content="microsoft visual studio.net 7.0">
  <meta name="vs_targetschema" content="http://schemas.microsoft.com/intellisense/ie5">
  <meta http-equiv="content-type" content="text/html; charset=gb2312">
  <link href="xp_menu.css" rel="stylesheet" type="text/css">
  <script language="javascript" src="xp_menu.js"></script>
  <script language="javascript" for="document" event="onselectstart">
<!--
 return document_onselectstart()
//-->
  </script>
  <script language="javascript" for="document" event="onclick">
<!--
 return document_onclick()
//-->
  </script>
 </head>
 <body scroll="no" language="javascript" onresize="return window_onresize()" onload="return window_onload()">
  <script language="javascript">
<!--
 //定义一个主菜单对象
 var mnumain = new menu("mnumain");    
 mnumain.bar[0] = new menu_bar("mnumainnl","","无名谷","","noteless valley","",0,"mnunl");
 mnumain.bar[1] = new menu_bar("mnumainsiteadmin","","网站管理","","网站管理","",0,"mnusiteadmin");
 mnumain.bar[2] = new menu_bar("mnumainsystem","","系统管理","","系统管理","",0,"mnusystem");
 mnumain.bar[3] = new menu_bar("mnumainshow","","演示菜单","","menu show","",0,"mnushow");
 popmainmenu(mnumain,0,0,"100%",27);    //激活主菜单,通过参数确定主菜单的位置
 
 var mnunl = new menu("mnunl");
 mnunl.bar[0] = new menu_bar("mnuhomepage","","首页","","homepage","",1,"http://lijun.org");
 mnunl.bar[1] = new menu_bar("mnudesign","","网页设计","","design","",1,"http://lijun.org/article.asp?topic=1");
 mnunl.bar[2] = new menu_bar("mnuprogram","","网络编程","","program","",1,"http://lijun.org/article.asp?topic=2");
 mnunl.bar[3] = new menu_bar("mnuothers","","其它文章","","others","",1,"http://lijun.org/article.asp?topic=3");
 popsubmenu(mnunl);
 
 var mnusiteadmin = new menu("mnusiteadmin")
 mnusiteadmin.bar[0] = new menu_bar("mnuaddressupdate","","访问地区更新","","访问地区更新","",1,"addressupdate.asp");
 popsubmenu(mnusiteadmin);
 
 var mnusystem = new menu("mnusystem");
 mnusystem.bar[0] = new menu_bar("mnusysuser","","用户管理","","用户管理","",1,"useradmin.asp");
 mnusystem.bar[1] = new menu_bar("mnusysauthority","","权限管理","","权限管理","",1,"authority.asp");
 mnusystem.bar[2] = new menu_bar("\-","","","","","","","");
 mnusystem.bar[3] = new menu_bar("mnusyspwdchange","","口令修改","","口令修改","",1,"chgpwd.asp");
 mnusystem.bar[4] = new menu_bar("\-","","","","","","","");
 mnusystem.bar[5] = new menu_bar("mnusyshelp","","帮助","","帮助","",1,"help.asp");
 mnusystem.bar[6] = new menu_bar("mnusysabout","","关于本系统","","关于本系统","",1,"about.asp");
 mnusystem.bar[7] = new menu_bar("\-","","","","","","","");
 mnusystem.bar[8] = new menu_bar("mnusysexit","","退出系统","","退出本系统","",1,"quit.asp");
 popsubmenu(mnusystem);
 
 var mnushow = new menu("mnushow");
 mnushow.bar[0] = new menu_bar("mnushow1","","演示菜单一","","menu show 1","",1,"menushow1.asp");
 mnushow.bar[1] = new menu_bar("mnushow2","","演示菜单二","","menu show 2","",0,"mnushow_2");
 mnushow.bar[2] = new menu_bar("mnushow3","","演示菜单三","","menu show 3","",1,"menushow3.asp");
 mnushow.bar[3] = new menu_bar("\-","","","","","","","");
 mnushow.bar[4] = new menu_bar("mnushow4","","演示菜单四","","menu show 4","",1,"menushow4.asp");
 mnushow.bar[5] = new menu_bar("mnushow5","","演示菜单五","","menu show 5","",0,"mnushow_2");
 popsubmenu(mnushow);
 
 var mnushow_2 = new menu("mnushow_2");
 mnushow_2.bar[0] = new menu_bar("mnushow21","","演示菜单二一","","menu show 2.1","",1,"menushow21.asp");
 mnushow_2.bar[1] = new menu_bar("mnushow22","","演示菜单二二","","menu show 2.2","",0,"mnushow_22");
 mnushow_2.bar[2] = new menu_bar("mnushow23","","演示菜单二三","","menu show 2.3","",1,"menushow23.asp");
 mnushow_2.bar[3] = new menu_bar("mnushow24","","演示菜单二四","","menu show 2.4","",0,"mnushow_22");
 mnushow_2.bar[4] = new menu_bar("mnushow25","","演示菜单二五","","menu show 2.5","",1,"menushow25.asp");
 popsubmenu(mnushow_2);

本文关键:菜单,下拉菜单,js,javascript,xp
  相关方案
Google
 

本站最佳浏览方式为 分辨率 1024x768 IE 6.0(或更高版本的 IE浏览器)

go top