📄 index.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="下拉菜单 跨越标签 select">
<meta name="Description" content="">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style>
ul,li,body,td {line-hight:20px;font-size:11pt;}
</style>
</head>
<body bgcolor="white" leftmargin="100">
<h2 align="center">无限级不会被任何标签遮挡并可跨过框架的下拉菜单</h2>
<h3>菜单特性</h3>
<ul style="list-style:outside decimal">
<li>菜单实现的主要技术为Javascript, DOM, XML</li>
<li>不会被任何标签覆盖，一般的菜单会被SELECT,OBJECT等标签覆盖。</li>
<li>可以跨过框架，譬如一个frameset中有两个frame，上一个frame放菜单，下一个frame放具体内容，那么菜单可以悬浮于下一个frame之上。</li>
<li>在添加菜单数据时，通过指定父子菜单的ID来达到动态菜单的目的。</li>
<li>可使用XML存储菜单数据，一般用作静态菜单。</li>
<li>使用window.createPopup显示菜单，所以只能在IE中使用。</li>
</ul>
<h3>示例及文档</h3>
<ul style="list-style:outside decimal">
<li>使用JavaScript添加数据的示例，<a href="example.html">查看</a></li>
<li>使用XML存储菜单数据的示例，<a href="xmlExample.html">查看</a></li>
<li>API文档，<a href="api.html">查看</a></li>
</ul>
<h3>关键文件说明</h3>
<ul style="list-style:outside decimal">
<li>popupmenu-script.js 实现菜单的主要脚本</li>
<li>popupmenu-loadxml.js 从xml文件中读取读取数据的脚本</li>
<li>popupmenu-style.xml 存储菜单样式的xml文件</li>
<li>popupmenu-style.js 读取菜单样式的脚本文件</li>
</ul>
<h3>温馨提示</h3>
<ul style="list-style:outside decimal">
<li>如果需动态生成菜单，建议动态生成添加菜单数据的脚本（参考example.html添加数据的方法）</li>
<li>如果你要实现的菜单是静态的，则建议将菜单数据存储在xml文件中，比较直观（参考xmlSample.html）</li>
<li>如果不是特殊需求（如跨过框架及任何标签），作者并不建议使用该菜单。</li>
<li>文件的编码都是utf-8，你也许需要将其转换为你想要的编码。</li>
<li>如发现BUG请联系作者：tiannet(曾次清) e-mail:tiannet@sina.com</li>
</ul>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -