菜单其实网上也很多,主要是为了练手!有需要就拿去吧,(IE下使用)
HTML调用页代码
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml" >
3 <head>
4 <title>测试菜单页</title>
5 <script type="text/javascript" src="Menu.js"></script>
6 </head>
7 <body>
8 <table>
9 <tr>
10 <td style="width: 800px;">当没有任何显示的时候单击右键</td>
11 <td><div id="divMenu"></div></td>
12 </tr>
13 </table>
14
15 </body>
16 </html>
17 <script type="text/javascript">
18 /*
19 有星号(*)为必须提供的项
20 Item 方法参数依次说明:显示的文字,图标位置
21 Link 方法参数依次说明:显示的文字,链接到的地址,图标位置
22 Line 方法没有参数
23 */
24
25 var o = new MenuClass();
26 // 是否显示为右键菜单
27 o.IsContextMenu = true;
28 // 横向或纵向(默认为纵向)
29 o.Type = "H";
30 // 打开 Url 窗体类型(菜单链接为弹出窗口打开,还是在本窗口打开)
31 o.IsOpen = true;
32 // 是否需要菜单渐隐效果
33 o.IsEffect = true;
34 // 渐隐速度(1 - 100,越大速度越快)
35 o.Speed = 15;
36 // 鼠标划过菜单项的颜色
37 o.OverBackColor = "#ccc";
38 o.OverTextColor = "#f00";
39 // 承载对象 id(当为右键菜单时,可以不用设置此项) *
40 o.ParentId = "divMenu";
41 // 线条颜色
42 o.LineColor = "#999";
43 // 菜单 CSS(分别为:边框颜色,菜单宽度,背景颜色,字体大小,字体类型
44 o.DivBorderColor = "#bbb";
45 o.DivWidth = "150px";
46 o.DivBackColor = "#fefefe";
47 o.DivFontSize = "12px";
48 o.DivFontFamily = "Tahoma";
49 // 应用设置 *
50 o.Init();
51
52 // 以下为添加菜单项
53 var oFile = o.Item("文件", "./Images/1.png");
54 var oEdit = o.Item("编辑");
55 o.Link("链接","http://www.baidu.com", "./Images/2.png");
56 var oView = o.Item("查看");
57 o.Line();
58 var oFavorites = o.Item("收藏");
59 var oTools = o.Item("工具");
60 var oHelp = o.Item("帮助");
61
62 var oFileNew = oFile.Item("新建", "./Images/4.png");
63 oFile.Link("打开", "http://www.abc.com");
64 oFile.Link("保存", "http://www.abc.com");
65 oFile.Line();
66 oFile.Link("页面设置", "http://www.abc.com", "./Images/5.png");
67 oFile.Link("打印设置", "http://www.abc.com", "./Images/6.png");
68 oFile.Line();
69 var oFileSend = oFile.Item("发送");
70 oFile.Link("导入和导出", "http://www.abc.com");
71 oFile.Line();
72 oFile.Link("属性", "http://www.abc.com");
73 oFile.Link("脱机工作", "http://www.abc.com");
74 oFile.Link("关闭", "http://www.abc.com");
75
76 oFileNew.Link("窗口","http://www.163.com");
77 oFileNew.Line();
78 oFileNew.Link("邮件", "http://www.abc.com");
79 oFileNew.Link("发布信息", "http://www.abc.com");
80 oFileNew.Link("联系人", "http://wenxue.myrice.com/");
81
82 oFileSend.Link("电子邮件页面", "http://www.abc.com");
83 oFileSend.Link("电子邮件链接", "http://www.abc.com");
84 oFileSend.Link("桌面快捷方式", "http://www.abc.com");
85
86 oEdit.Link("剪切", "http://www.abc.com");
87 oEdit.Link("复制", "http://www.abc.com");
88 oEdit.Link("粘贴", "http://www.abc.com");
89 oEdit.Line();
90 oEdit.Link("全选", "http://www.abc.com");
91 oEdit.Line();
92 oEdit.Link("查找(在当前页)", "http://www.abc.com");
93
94 var oViewTools = oView.Item("工具栏");
95 oView.Link("状态栏", "http://www.abc.com");
96 var oViewBrower = oView.Item("浏览器栏");
97 oView.Line();
98 var oVierGo = oView.Item("转到");
99 oView.Link("停止", "http://www.abc.com");
100 oView.Link("刷新", "http://www.abc.com");
101
102 oViewTools.Link("标准按钮", "http://www.abc.com");
103 oViewTools.Link("地址栏", "http://www.abc.com");
104 oViewTools.Link("链接", "http://www.abc.com");
105 oViewTools.Line();
106 oViewTools.Link("锁定工具栏", "http://www.abc.com");
107 oViewTools.Link("自定义", "http://www.abc.com");
108
109 oViewBrower.Link("搜索", "http://www.abc.com");
110 oViewBrower.Link("收藏夹", "http://www.abc.com");
111 oViewBrower.Link("历史记录", "http://www.abc.com");
112 oViewBrower.Link("文件夹", "http://www.abc.com");
113 oViewBrower.Line();
114 oViewBrower.Link("每日提示", "http://www.abc.com");
115 oViewBrower.Link("讨论", "http://www.abc.com");
116 oViewBrower.Link("IE DOM Explorer", "http://www.abc.com");
117
118 oVierGo.Link("后退", "http://www.abc.com");
119 oVierGo.Link("前进", "http://www.abc.com");
120 oVierGo.Line();
121 oVierGo.Link("主页", "http://www.abc.com");
122 oVierGo.Line();
123 oVierGo.Link("当前页", "http://www.abc.com");
124
125 oFavorites.Link("添加到收藏夹", "http://www.abc.com");
126 oFavorites.Link("整理收藏夹", "http://www.abc.com");
127 oFavorites.Line();
128 oFavorites.Link("网易", "http://www.abc.com");
129 oFavorites.Link("网易社区", "http://www.abc.com");
130
131
132 var oToolsEmail = oTools.Item("邮件新闻程序", "./Images/3.png");
133 var oToolsOpen = oTools.Item("弹出窗口阻止程序");
134 oTools.Link("管理加载项", "http://www.abc.com");
135 oTools.Link("同步", "http://www.abc.com");
136 oTools.Link("Windows Update", "http://www.abc.com");
137 oTools.Line();
138 oTools.Link("Windows Messager", "http://www.abc.com");
139 oTools.Link("迅雷", "http://www.abc.com");
140 oTools.Line();
141 oTools.Link("Internet 选项", "http://www.abc.com");
142
143 oToolsEmail.Link("阅读邮件", "http://www.abc.com");
144 oToolsEmail.Link("新建邮件", "http://www.abc.com");
145 oToolsEmail.Link("发送链接", "http://www.abc.com");
146 oToolsEmail.Link("发送网页", "http://www.abc.com");
147 oToolsEmail.Line();
148 oToolsEmail.Link("阅读新闻", "http://www.abc.com");
149
150 oToolsOpen.Link("打开弹出窗口管理", "http://www.abc.com");
151 var oToolsOpenTest = oToolsOpen.Item("关闭弹出窗口管理");
152 var oToolsOpenTest1 = oToolsOpenTest.Item("测试用的");
153 oToolsOpenTest.Link("测试用的1","akdf");
154 var oToolsOpenTest3 = oToolsOpenTest1.Item("测试用的2");
155 oToolsOpenTest1.Link("测试用的1","akdf");
156 oToolsOpenTest1.Link("测试用的1","akdf");
157 oToolsOpenTest3.Link("测试用的1","akdf");
158 oToolsOpenTest3.Link("测试用的1","akdf");
159 oToolsOpenTest3.Link("测试用的1","akdf");
160 var oToolsOpenTest4 = oToolsOpenTest3.Item("测试用的4");
161 oToolsOpenTest4.Link("测试用的5","akdfj");
162 oToolsOpenTest4.Link("测试用的5","akdfj");
163 oToolsOpenTest4.Link("测试用的5","akdfj");
164 oToolsOpenTest4.Link("测试用的5","akdfj");
165 var oToolsOpenTest5 = oToolsOpenTest4.Item("测试用的4");
166 oToolsOpenTest5.Link("测试用的5","akdfj");
167 oToolsOpenTest5.Link("测试用的5","akdfj");
168 oToolsOpenTest5.Link("测试用的5","akdfj");
169 oToolsOpenTest5.Link("测试用的5","akdfj");
170
171 oHelp.Link("目录和索引", "http://www.abc.com");
172 oHelp.Link("每日提示", "http://www.abc.com");
173 oHelp.Link("联机支持", "http://www.abc.com");
174 oHelp.Link("发送反馈意见", "http://www.abc.com");
175 oHelp.Line();
176 oHelp.Link("网易", "http://www.abc.com");
177 oHelp.Link("关于Internet Explorer", "http://www.abc.com");
178
179 var oHelpTest = oHelp.Item("测试用的");
180 var oHelpTest1 = oHelpTest.Item("测试用的1");
181 oHelpTest1.Link("测试用的1","akdf");
182 var oHelpTest2 = oHelpTest1.Item("测试用的2");
183 oHelpTest2.Link("测试用的1","akdf");
184 oHelpTest2.Link("测试用的1","akdf");
185 var oHelpTest3 = oHelpTest2.Item("测试用的3");
186 oHelpTest3.Link("测试用的1","akdf");
187 oHelpTest3.Link("测试用的1","akdf");
188 oHelpTest3.Link("测试用的1","akdf");
189 var oHelpTest4 = oHelpTest3.Item("测试用的4");
190 oHelpTest4.Link("测试用的5","akdfj");
191 oHelpTest4.Link("测试用的5","akdfj");
192 oHelpTest4.Link("测试用的5","akdfj");
193 oHelpTest4.Link("测试用的5","akdfj");
194 </script>
195
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml" >
3 <head>
4 <title>测试菜单页</title>
5 <script type="text/javascript" src="Menu.js"></script>
6 </head>
7 <body>
8 <table>
9 <tr>
10 <td style="width: 800px;">当没有任何显示的时候单击右键</td>
11 <td><div id="divMenu"></div></td>
12 </tr>
13 </table>
14
15 </body>
16 </html>
17 <script type="text/javascript">
18 /*
19 有星号(*)为必须提供的项
20 Item 方法参数依次说明:显示的文字,图标位置
21 Link 方法参数依次说明:显示的文字,链接到的地址,图标位置
22 Line 方法没有参数
23 */
24
25 var o = new MenuClass();
26 // 是否显示为右键菜单
27 o.IsContextMenu = true;
28 // 横向或纵向(默认为纵向)
29 o.Type = "H";
30 // 打开 Url 窗体类型(菜单链接为弹出窗口打开,还是在本窗口打开)
31 o.IsOpen = true;
32 // 是否需要菜单渐隐效果
33 o.IsEffect = true;
34 // 渐隐速度(1 - 100,越大速度越快)
35 o.Speed = 15;
36 // 鼠标划过菜单项的颜色
37 o.OverBackColor = "#ccc";
38 o.OverTextColor = "#f00";
39 // 承载对象 id(当为右键菜单时,可以不用设置此项) *
40 o.ParentId = "divMenu";
41 // 线条颜色
42 o.LineColor = "#999";
43 // 菜单 CSS(分别为:边框颜色,菜单宽度,背景颜色,字体大小,字体类型
44 o.DivBorderColor = "#bbb";
45 o.DivWidth = "150px";
46 o.DivBackColor = "#fefefe";
47 o.DivFontSize = "12px";
48 o.DivFontFamily = "Tahoma";
49 // 应用设置 *
50 o.Init();
51
52 // 以下为添加菜单项
53 var oFile = o.Item("文件", "./Images/1.png");
54 var oEdit = o.Item("编辑");
55 o.Link("链接","http://www.baidu.com", "./Images/2.png");
56 var oView = o.Item("查看");
57 o.Line();
58 var oFavorites = o.Item("收藏");
59 var oTools = o.Item("工具");
60 var oHelp = o.Item("帮助");
61
62 var oFileNew = oFile.Item("新建", "./Images/4.png");
63 oFile.Link("打开", "http://www.abc.com");
64 oFile.Link("保存", "http://www.abc.com");
65 oFile.Line();
66 oFile.Link("页面设置", "http://www.abc.com", "./Images/5.png");
67 oFile.Link("打印设置", "http://www.abc.com", "./Images/6.png");
68 oFile.Line();
69 var oFileSend = oFile.Item("发送");
70 oFile.Link("导入和导出", "http://www.abc.com");
71 oFile.Line();
72 oFile.Link("属性", "http://www.abc.com");
73 oFile.Link("脱机工作", "http://www.abc.com");
74 oFile.Link("关闭", "http://www.abc.com");
75
76 oFileNew.Link("窗口","http://www.163.com");
77 oFileNew.Line();
78 oFileNew.Link("邮件", "http://www.abc.com");
79 oFileNew.Link("发布信息", "http://www.abc.com");
80 oFileNew.Link("联系人", "http://wenxue.myrice.com/");
81
82 oFileSend.Link("电子邮件页面", "http://www.abc.com");
83 oFileSend.Link("电子邮件链接", "http://www.abc.com");
84 oFileSend.Link("桌面快捷方式", "http://www.abc.com");
85
86 oEdit.Link("剪切", "http://www.abc.com");
87 oEdit.Link("复制", "http://www.abc.com");
88 oEdit.Link("粘贴", "http://www.abc.com");
89 oEdit.Line();
90 oEdit.Link("全选", "http://www.abc.com");
91 oEdit.Line();
92 oEdit.Link("查找(在当前页)", "http://www.abc.com");
93
94 var oViewTools = oView.Item("工具栏");
95 oView.Link("状态栏", "http://www.abc.com");
96 var oViewBrower = oView.Item("浏览器栏");
97 oView.Line();
98 var oVierGo = oView.Item("转到");
99 oView.Link("停止", "http://www.abc.com");
100 oView.Link("刷新", "http://www.abc.com");
101
102 oViewTools.Link("标准按钮", "http://www.abc.com");
103 oViewTools.Link("地址栏", "http://www.abc.com");
104 oViewTools.Link("链接", "http://www.abc.com");
105 oViewTools.Line();
106 oViewTools.Link("锁定工具栏", "http://www.abc.com");
107 oViewTools.Link("自定义", "http://www.abc.com");
108
109 oViewBrower.Link("搜索", "http://www.abc.com");
110 oViewBrower.Link("收藏夹", "http://www.abc.com");
111 oViewBrower.Link("历史记录", "http://www.abc.com");
112 oViewBrower.Link("文件夹", "http://www.abc.com");
113 oViewBrower.Line();
114 oViewBrower.Link("每日提示", "http://www.abc.com");
115 oViewBrower.Link("讨论", "http://www.abc.com");
116 oViewBrower.Link("IE DOM Explorer", "http://www.abc.com");
117
118 oVierGo.Link("后退", "http://www.abc.com");
119 oVierGo.Link("前进", "http://www.abc.com");
120 oVierGo.Line();
121 oVierGo.Link("主页", "http://www.abc.com");
122 oVierGo.Line();
123 oVierGo.Link("当前页", "http://www.abc.com");
124
125 oFavorites.Link("添加到收藏夹", "http://www.abc.com");
126 oFavorites.Link("整理收藏夹", "http://www.abc.com");
127 oFavorites.Line();
128 oFavorites.Link("网易", "http://www.abc.com");
129 oFavorites.Link("网易社区", "http://www.abc.com");
130
131
132 var oToolsEmail = oTools.Item("邮件新闻程序", "./Images/3.png");
133 var oToolsOpen = oTools.Item("弹出窗口阻止程序");
134 oTools.Link("管理加载项", "http://www.abc.com");
135 oTools.Link("同步", "http://www.abc.com");
136 oTools.Link("Windows Update", "http://www.abc.com");
137 oTools.Line();
138 oTools.Link("Windows Messager", "http://www.abc.com");
139 oTools.Link("迅雷", "http://www.abc.com");
140 oTools.Line();
141 oTools.Link("Internet 选项", "http://www.abc.com");
142
143 oToolsEmail.Link("阅读邮件", "http://www.abc.com");
144 oToolsEmail.Link("新建邮件", "http://www.abc.com");
145 oToolsEmail.Link("发送链接", "http://www.abc.com");
146 oToolsEmail.Link("发送网页", "http://www.abc.com");
147 oToolsEmail.Line();
148 oToolsEmail.Link("阅读新闻", "http://www.abc.com");
149
150 oToolsOpen.Link("打开弹出窗口管理", "http://www.abc.com");
151 var oToolsOpenTest = oToolsOpen.Item("关闭弹出窗口管理");
152 var oToolsOpenTest1 = oToolsOpenTest.Item("测试用的");
153 oToolsOpenTest.Link("测试用的1","akdf");
154 var oToolsOpenTest3 = oToolsOpenTest1.Item("测试用的2");
155 oToolsOpenTest1.Link("测试用的1","akdf");
156 oToolsOpenTest1.Link("测试用的1","akdf");
157 oToolsOpenTest3.Link("测试用的1","akdf");
158 oToolsOpenTest3.Link("测试用的1","akdf");
159 oToolsOpenTest3.Link("测试用的1","akdf");
160 var oToolsOpenTest4 = oToolsOpenTest3.Item("测试用的4");
161 oToolsOpenTest4.Link("测试用的5","akdfj");
162 oToolsOpenTest4.Link("测试用的5","akdfj");
163 oToolsOpenTest4.Link("测试用的5","akdfj");
164 oToolsOpenTest4.Link("测试用的5","akdfj");
165 var oToolsOpenTest5 = oToolsOpenTest4.Item("测试用的4");
166 oToolsOpenTest5.Link("测试用的5","akdfj");
167 oToolsOpenTest5.Link("测试用的5","akdfj");
168 oToolsOpenTest5.Link("测试用的5","akdfj");
169 oToolsOpenTest5.Link("测试用的5","akdfj");
170
171 oHelp.Link("目录和索引", "http://www.abc.com");
172 oHelp.Link("每日提示", "http://www.abc.com");
173 oHelp.Link("联机支持", "http://www.abc.com");
174 oHelp.Link("发送反馈意见", "http://www.abc.com");
175 oHelp.Line();
176 oHelp.Link("网易", "http://www.abc.com");
177 oHelp.Link("关于Internet Explorer", "http://www.abc.com");
178
179 var oHelpTest = oHelp.Item("测试用的");
180 var oHelpTest1 = oHelpTest.Item("测试用的1");
181 oHelpTest1.Link("测试用的1","akdf");
182 var oHelpTest2 = oHelpTest1.Item("测试用的2");
183 oHelpTest2.Link("测试用的1","akdf");
184 oHelpTest2.Link("测试用的1","akdf");
185 var oHelpTest3 = oHelpTest2.Item("测试用的3");
186 oHelpTest3.Link("测试用的1","akdf");
187 oHelpTest3.Link("测试用的1","akdf");
188 oHelpTest3.Link("测试用的1","akdf");
189 var oHelpTest4 = oHelpTest3.Item("测试用的4");
190 oHelpTest4.Link("测试用的5","akdfj");
191 oHelpTest4.Link("测试用的5","akdfj");
192 oHelpTest4.Link("测试用的5","akdfj");
193 oHelpTest4.Link("测试用的5","akdfj");
194 </script>
195
下面是效果图..
下载链接:无限级分类菜单
一起学习JS。。。