📄 example.html
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>下拉菜单示例，通过脚本添加数据</title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="tiannet(曾次清)">
<meta name="Cache-Control" content="no-cache">
<meta name="Keywords" content="">
<meta name="Description" content="">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script language="javascript" type="text/javascript" src="popupmenu-script.js"></script>
<script language="javascript" type="text/javascript" src="popupmenu-loadxml.js"></script>
</head>
<body>
<script language="javascript" type="text/javascript">
var beg = new Date();
// -------------------------- 示例 --------------------------------//
//构造函数的两个参数意义资源文件（如图标等）所在目录、样式文件
var menu = new PopupMenu("","popupmenu-style.xml");
//设置虚拟目录的别名
//如果设置了该参数，则在打开菜单链接时会在指定的链接前加上该参数。不过以http开头或者不是绝对路径的链接除外
menu.setContextPath( "/tiannet" );
//add方法的参数意义分别为：菜单id、父菜单id、文本、链接地址、目的窗口、图标
//如果菜单不响应任何事件，请将地址设为空或#
//如果菜单需要执行一段javascript代码或一个函数，请将目标窗口设为js或javascript，地址设为相应脚本或函数
menu.add(100,-1,"论坛","#","_blank","");
menu.add(105,100,"论坛1","http://10.81.32.1/forums","_blank","txt.gif");
menu.add(10505,105,"论坛11","http://10.81.32.1/forums","_blank","");
menu.add(1050505,10505,"论坛111","http://10.81.32.1/forums","_blank","");
menu.add(105050505,1050505,"论坛111呵呵合伙呵呵呵呵和呵呵呵呵哈hehe","http://10.81.32.1/forums","_blank","");
menu.add(105050510,1050505,"啊啊阿","/test.jsp","_blank","");
menu.add(1050510,10505,"论坛112","/tiannet/test.jsp","_blank","");
menu.add(110,100,"论坛2","#","_blank","");
menu.add(11010,110,"论坛21","http://10.81.32.1/forums","_blank","");
menu.add(11015,110,"论坛21","http://10.81.32.1/forums","_blank","");
menu.add(120,100,"帮助","alert('made by tiannet');","js","");
menu.add(200,-1,"主页","","_blank","");
menu.add(20010,200,"主页1","http://localhost:8080/tiannet","_blank","");
menu.add(2001005,20010,"主页11","http://localhost:8080/tiannet","_blank","");
menu.add(2001010,20010,"主页12","http://localhost:8080/tiannet","_blank","");
menu.add(20015,200,"主页2","hehe.html","_blank","");
menu.add(20020,200,"主页3","http://localhost:8080/tiannet","_blank","");
menu.add(20025,200,"主页4","http://localhost:8080/tiannet","_blank","");
menu.add(20030,200,"主页5","http://localhost:8080/tiannet","_blank","");
menu.add(20035,200,"主页6","http://localhost:8080/tiannet","_blank","");
menu.add(20040,200,"主页7","http://localhost:8080/tiannet","_blank","");
menu.add(20045,200,"主页8","http://localhost:8080/tiannet","_blank","");
menu.add(300,-1,"移动","#","_blank","");
menu.add(30005,300,"移动1","http://localhost:8080/mobile","_blank","");
menu.add(3000505,30005,"移动11","http://localhost:8080/mobile","_blank","");
menu.add(3000510,30005,"移动12","http://localhost:8080/mobile","_blank","");
menu.add(30010,300,"移动2","http://localhost:8080/mobile","_blank","");
menu.add(3001005,30010,"移动21","http://localhost:8080/mobile","_blank","");
menu.add(3001010,30010,"移动22","http://localhost:8080/mobile","_blank","");
menu.add(30015,300,"移动3","http://localhost:8080/mobile","_blank","");
menu.add(30020,300,"移动4","http://localhost:8080/mobile","_blank","");
menu.add(30025,300,"移动5","http://localhost:8080/mobile","_blank","");
menu.add(30030,300,"移动6","http://localhost:8080/mobile","_blank","");
//menu.write(-1);//输出菜单
var end = new Date();
</script>
<div id="divMenu" style="width:100%;height:34px;background-image:url(menuBg.jpg);">
</div>
<p>
<input type="button" value="菜单1" onclick="document.getElementById('divMenu').innerHTML = menu.getHtml(-1);">
<input type="button" value="菜单2" onclick="document.getElementById('divMenu').innerHTML = menu.getHtml(100);">
</p>
<div style="background-color:#DDDDDD;margin-top:100px;">
用时：
<script language="javascript" type="text/javascript">
document.write(end - beg);
document.getElementById('divMenu').innerHTML = menu.getHtml(-1);
</script>
毫秒
</div>
<p>
<a href="index.html"><<返回首页</a>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -