一个简单的仿XP的JS下拉菜单（转载）
一个简单的仿xp的js下拉菜单，希望对其它人有用，有兴趣的朋友可以对快捷键功能进行扩展，目前留有接口，但未实现。
1
<html>
2 <head>
3 <title>Noteless Valley(lijun.org)程序示例</title>
4 <meta name="GENERATOR" content="Microsoft Visual Studio.NET 7.0">
5 <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
6 <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
7 <link href="xp_menu.css" rel="stylesheet" type="text/css">
8 <script language="javascript" src="xp_menu.js"></script>
9
<script language="javascript" for="document" event="onselectstart">
10
<!--
11 return document_onselectstart()
12//-->
13
</script>
14 <script language="javascript" for="document" event="onclick">
15<!--
16 return document_onclick()
17//-->
18 </script>
19 </head>
20 <body scroll="no" language="javascript" onresize="return window_onresize()" onload="return window_onload()">
21 <script language="javascript">
22<!--
23 //定义一个主菜单对象
24 var mnuMain = new menu("mnuMain");
25 mnuMain.bar[0] = new menu_bar("mnuMainNL","","无名谷","","Noteless Valley","",0,"mnuNL");
26 mnuMain.bar[1] = new menu_bar("mnuMainSiteAdmin","","网站管理","","网站管理","",0,"mnuSiteAdmin");
27 mnuMain.bar[2] = new menu_bar("mnuMainSystem","","系统管理","","系统管理","",0,"mnuSystem");
28 mnuMain.bar[3] = new menu_bar("mnuMainShow","","演示菜单","","Menu Show","",0,"mnuShow");
29 popMainMenu(mnuMain,0,0,"100%",27); //激活主菜单，通过参数确定主菜单的位置
30
31 var mnuNL = new menu("mnuNL");
32 mnuNL.bar[0] = new menu_bar("mnuHomePage","","首页","","HomePage","",1,"http://lijun.org");
33 mnuNL.bar[1] = new menu_bar("mnuDesign","","网页设计","","Design","",1,"http://lijun.org/article.asp?topic=1");
34 mnuNL.bar[2] = new menu_bar("mnuProgram","","网络编程","","Program","",1,"http://lijun.org/article.asp?topic=2");
35 mnuNL.bar[3] = new menu_bar("mnuOthers","","其它文章","","Others","",1,"http://lijun.org/article.asp?topic=3");
36 popSubMenu(mnuNL);
37
38 var mnuSiteAdmin = new menu("mnuSiteAdmin")
39 mnuSiteAdmin.bar[0] = new menu_bar("mnuAddressUpdate","","访问地区更新","","访问地区更新","",1,"AddressUpdate.asp");
40 popSubMenu(mnuSiteAdmin);
41
42 var mnuSystem = new menu("mnuSystem");
43 mnuSystem.bar[0] = new menu_bar("mnuSysUser","","用户管理","","用户管理","",1,"userAdmin.asp");
44 mnuSystem.bar[1] = new menu_bar("mnuSysAuthority","","权限管理","","权限管理","",1,"authority.asp");
45 mnuSystem.bar[2] = new menu_bar("\-","","","","","","","");
46 mnuSystem.bar[3] = new menu_bar("mnuSysPwdChange","","口令修改","","口令修改","",1,"chgpwd.asp");
47 mnuSystem.bar[4] = new menu_bar("\-","","","","","","","");
48 mnuSystem.bar[5] = new menu_bar("mnuSysHelp","","帮助","","帮助","",1,"help.asp");
49 mnuSystem.bar[6] = new menu_bar("mnuSysAbout","","关于本系统","","关于本系统","",1,"about.asp");
50 mnuSystem.bar[7] = new menu_bar("\-","","","","","","","");
51 mnuSystem.bar[8] = new menu_bar("mnuSysExit","","退出系统","","退出本系统","",1,"quit.asp");
52 popSubMenu(mnuSystem);
53
54 var mnuShow = new menu("mnuShow");
55 mnuShow.bar[0] = new menu_bar("mnuShow1","","演示菜单一","","Menu Show 1","",1,"menushow1.asp");
56 mnuShow.bar[1] = new menu_bar("mnuShow2","","演示菜单二","","Menu Show 2","",0,"mnuShow_2");
57 mnuShow.bar[2] = new menu_bar("mnuShow3","","演示菜单三","","Menu Show 3","",1,"menushow3.asp");
58 mnuShow.bar[3] = new menu_bar("\-","","","","","","","");
59 mnuShow.bar[4] = new menu_bar("mnuShow4","","演示菜单四","","Menu Show 4","",1,"menushow4.asp");
60 mnuShow.bar[5] = new menu_bar("mnuShow5","","演示菜单五","","Menu Show 5","",0,"mnuShow_2");
61 popSubMenu(mnuShow);
62
63 var mnuShow_2 = new menu("mnuShow_2");
64 mnuShow_2.bar[0] = new menu_bar("mnuShow21","","演示菜单二一","","Menu Show 2.1","",1,"menushow21.asp");
65 mnuShow_2.bar[1] = new menu_bar("mnuShow22","","演示菜单二二","","Menu Show 2.2","",0,"mnuShow_22");
66 mnuShow_2.bar[2] = new menu_bar("mnuShow23","","演示菜单二三","","Menu Show 2.3","",1,"menushow23.asp");
67 mnuShow_2.bar[3] = new menu_bar("mnuShow24","","演示菜单二四","","Menu Show 2.4","",0,"mnuShow_22");
68 mnuShow_2.bar[4] = new menu_bar("mnuShow25","","演示菜单二五","","Menu Show 2.5","",1,"menushow25.asp");
69 popSubMenu(mnuShow_2);
70
71 var mnuShow_22 = new menu("mnuShow_22");
72 mnuShow_22.bar[0] = new menu_bar("mnuShow221","","演示菜单二二一","","Menu Show 2.2.1","",1,"menushow221.asp");
73 mnuShow_22.bar[1] = new menu_bar("mnuShow222","","演示菜单二二二","","Menu Show 2.2.2","",1,"menushow222.asp");
74 mnuShow_22.bar[2] = new menu_bar("mnuShow223","","演示菜单二二三","","Menu Show 2.2.3","",1,"menushow223.asp");
75 popSubMenu(mnuShow_22);
76//-->
77 </script>
78 <table border="0" cellpadding="0" cellspacing="0">
79 <tr>
80 <td height="27">此部分已经被顶部菜单条覆盖</td>
81 </tr>
82 </table>
83 <p id="lblOutput">信息提示区域</p>
84 </body>
85</html>
<html>2
<head>3
<title>Noteless Valley(lijun.org)程序示例</title>4
<meta name="GENERATOR" content="Microsoft Visual Studio.NET 7.0">5
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">6
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">7
<link href="xp_menu.css" rel="stylesheet" type="text/css">8
<script language="javascript" src="xp_menu.js"></script>9
<script language="javascript" for="document" event="onselectstart">
10
<!--11
return document_onselectstart()12
//-->13
</script>14
<script language="javascript" for="document" event="onclick">15
<!--16
return document_onclick()17
//-->18
</script>19
</head>20
<body scroll="no" language="javascript" onresize="return window_onresize()" onload="return window_onload()">21
<script language="javascript">22
<!--23
//定义一个主菜单对象24
var mnuMain = new menu("mnuMain"); 25
mnuMain.bar[0] = new menu_bar("mnuMainNL","","无名谷","","Noteless Valley","",0,"mnuNL");26
mnuMain.bar[1] = new menu_bar("mnuMainSiteAdmin","","网站管理","","网站管理","",0,"mnuSiteAdmin");27
mnuMain.bar[2] = new menu_bar("mnuMainSystem","","系统管理","","系统管理","",0,"mnuSystem");28
mnuMain.bar[3] = new menu_bar("mnuMainShow","","演示菜单","","Menu Show","",0,"mnuShow");29
popMainMenu(mnuMain,0,0,"100%",27); //激活主菜单，通过参数确定主菜单的位置30
31
var mnuNL = new menu("mnuNL");32
mnuNL.bar[0] = new menu_bar("mnuHomePage","","首页","","HomePage","",1,"http://lijun.org");33
mnuNL.bar[1] = new menu_bar("mnuDesign","","网页设计","","Design","",1,"http://lijun.org/article.asp?topic=1");34
mnuNL.bar[2] = new menu_bar("mnuProgram","","网络编程","","Program","",1,"http://lijun.org/article.asp?topic=2");35
mnuNL.bar[3] = new menu_bar("mnuOthers","","其它文章","","Others","",1,"http://lijun.org/article.asp?topic=3");36
popSubMenu(mnuNL);37
38
var mnuSiteAdmin = new menu("mnuSiteAdmin")39
mnuSiteAdmin.bar[0] = new menu_bar("mnuAddressUpdate","","访问地区更新","","访问地区更新","",1,"AddressUpdate.asp");40
popSubMenu(mnuSiteAdmin);41
42
var mnuSystem = new menu("mnuSystem");43
mnuSystem.bar[0] = new menu_bar("mnuSysUser","","用户管理","","用户管理","",1,"userAdmin.asp");44
mnuSystem.bar[1] = new menu_bar("mnuSysAuthority","","权限管理","","权限管理","",1,"authority.asp");45
mnuSystem.bar[2] = new menu_bar("\-","","","","","","","");46
mnuSystem.bar[3] = new menu_bar("mnuSysPwdChange","","口令修改","","口令修改","",1,"chgpwd.asp");47
mnuSystem.bar[4] = new menu_bar("\-","","","","","","","");48
mnuSystem.bar[5] = new menu_bar("mnuSysHelp","","帮助","","帮助","",1,"help.asp");49
mnuSystem.bar[6] = new menu_bar("mnuSysAbout","","关于本系统","","关于本系统","",1,"about.asp");50
mnuSystem.bar[7] = new menu_bar("\-","","","","","","","");51
mnuSystem.bar[8] = new menu_bar("mnuSysExit","","退出系统","","退出本系统","",1,"quit.asp");52
popSubMenu(mnuSystem); 53
54
var mnuShow = new menu("mnuShow");55
mnuShow.bar[0] = new menu_bar("mnuShow1","","演示菜单一","","Menu Show 1","",1,"menushow1.asp");56
mnuShow.bar[1] = new menu_bar("mnuShow2","","演示菜单二","","Menu Show 2","",0,"mnuShow_2");57
mnuShow.bar[2] = new menu_bar("mnuShow3","","演示菜单三","","Menu Show 3","",1,"menushow3.asp");58
mnuShow.bar[3] = new menu_bar("\-","","","","","","","");59
mnuShow.bar[4] = new menu_bar("mnuShow4","","演示菜单四","","Menu Show 4","",1,"menushow4.asp");60
mnuShow.bar[5] = new menu_bar("mnuShow5","","演示菜单五","","Menu Show 5","",0,"mnuShow_2");61
popSubMenu(mnuShow);62
63
var mnuShow_2 = new menu("mnuShow_2");64
mnuShow_2.bar[0] = new menu_bar("mnuShow21","","演示菜单二一","","Menu Show 2.1","",1,"menushow21.asp");65
mnuShow_2.bar[1] = new menu_bar("mnuShow22","","演示菜单二二","","Menu Show 2.2","",0,"mnuShow_22");66
mnuShow_2.bar[2] = new menu_bar("mnuShow23","","演示菜单二三","","Menu Show 2.3","",1,"menushow23.asp");67
mnuShow_2.bar[3] = new menu_bar("mnuShow24","","演示菜单二四","","Menu Show 2.4","",0,"mnuShow_22");68
mnuShow_2.bar[4] = new menu_bar("mnuShow25","","演示菜单二五","","Menu Show 2.5","",1,"menushow25.asp");69
popSubMenu(mnuShow_2);70
71
var mnuShow_22 = new menu("mnuShow_22");72
mnuShow_22.bar[0] = new menu_bar("mnuShow221","","演示菜单二二一","","Menu Show 2.2.1","",1,"menushow221.asp");73
mnuShow_22.bar[1] = new menu_bar("mnuShow222","","演示菜单二二二","","Menu Show 2.2.2","",1,"menushow222.asp");74
mnuShow_22.bar[2] = new menu_bar("mnuShow223","","演示菜单二二三","","Menu Show 2.2.3","",1,"menushow223.asp");75
popSubMenu(mnuShow_22);76
//-->77
</script>78
<table border="0" cellpadding="0" cellspacing="0">79
<tr>80
<td height="27">此部分已经被顶部菜单条覆盖</td>81
</tr>82
</table>83
<p id="lblOutput">信息提示区域</p>84
</body>85
</html>
浙公网安备 33010602011771号