效果展示页面：http://www.miiceic.org.cn/dingzhi/
源代码如下：（直接复制，保存html文件，即可查看效果）
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>企业内训</TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="企业培训,企业内训,android培训,软考培训,it企业培训">
<META NAME="Description" CONTENT="安博中程企业培训多年来致力于android培训,软考培训,嵌入式,UI设计,重构,架构,软件测试,需求分析,软件开发,数据库,国防军工等IT高端技术的企业培训、企业内训,一直在行业内处于领先地位,所开企业内训或公开课如软考培训,android应用开发培训,软件工程培训,敏捷开发,嵌入式培训,项目管理及国防军工的电子产品设计和信息化培训等授课讲师均是知名专家,行业内领军人物,已成为中国高端培训第一品牌.">
</HEAD>
<script src="http://www.miiceic.org.cn/templets/js/popupmenu.js"></script>
<style type="text/css">
.popupMenu{width:6em;BORDER-RIGHT: #3366CC 1px solid; BORDER-TOP: #A2BAE7 1px solid; BORDER-LEFT: #A2BAE7 1px solid; BORDER-BOTTOM: #3366CC 1px solid; BACKGROUND-COLOR:#ffffff;line-height:180%;font-size:75%; position:absolute; z-index:100}
</style>
<script>
function onLoadHandler() {
var menuMoreDesc = new Object();
menuMoreDesc.menuDiv = document.getElementById("menuMore");
menuMoreDesc.menuLink = document.getElementById("menuMoreLink");
menuMoreDesc.display = false;
menuMoreDesc.clickHandler = function(item) {
if(typeof(item.product) != "undefined") {
var url = getSearchUrl("query", item.product, "music.index");
} else {
var url = item.link;
}
window.open(url, "_parent");
};
menuMoreDesc.items = [{"link":"http://www.miiceic.org.cn", "text":"安博中程"}, {"link":"http://www.miiceic.org.cn", "text":"中程在线"}, {"link":"http://www.miiceic.org.cn","text":"企业培训"}, {"link":"http://www.amboedu.com", "text":"职业教育"}, {"link":"http://www.miiceic.org.cn", "text":"全部产品"}];
popupMenu.createMenu(menuMoreDesc);
}
</SCRIPT>
<BODY onLoad="onLoadHandler()">
<div id="menuMore" class="popupMenu" style="display:none"></div>
<TABLE class=linkarea cellSpacing=0 cellPadding=0>
<TBODY><TR><TD align=left><DIV class=listlink><nobr>
<span class="setlink"><a onclick='return seturl(this, "query", "www", "music.index");' href="http://www.miiceic.org.cn/">安博中程</a></span>
<span class="setlink"><a onclick='return seturl(this, "query", "image", "music.index");' href="http://www.miiceic.org.cn/">中程在线</a></span>
<span class="setlink"><a onclick='return seturl(this, "query", "news", "music.index");' href="http://www.miiceic.org.cn/">企业培训</a></span>
<span class="setlink"><a onclick='return seturl(this, "query", "blog", "music.index");' href="http://www.amboedu.com/">职业教育</a></span>
<span class="setlink"><a onclick='return seturl(this, "query", "dict", "music.index");' href="http://www.miiceic.org.cn/amt2011/">技术峰会</a></span>
<span class="setlink"><a onclick='return seturl(this, "query", "dict", "music.index");' href="http://www.miiceic.org.cn/discount/">优惠季</a></span>
<span class="setlink"><a href="http://www.miiceic.org.cn/discount/" class="noline" id="menuMoreLink"><u>更多</u><small>▼</small></a></span>
</DIV></TD></TR></TBODY>
</TABLE>
</BODY>
</HTML>
效果展示页面：http://www.miiceic.org.cn/dingzhi/
效果小图：
- 大小: 8.4 KB
分享到：
相关推荐
很有用的javascript四级级联下拉菜单，国家-省级-市级-街道地区，可以扩展为无限级联，样式可以自行设计。
一个采用JavaScript编写的下拉菜单自动生成器，你可自定义每个下拉菜单项的内容，用此工具可快速生成下拉菜单代码，你复制这些代码到你的网页中，就可实现一款漂亮的下拉菜单，如果不满意，你可在此基础上再此扩展。
用javascript实现下拉菜单，其中有详细的注释和用到的图标。
下拉菜单自动生成.rar下拉菜单自动生成.rar下拉菜单自动生成.rar下拉菜单自动生成.rar下拉菜单自动生成.rar下拉菜单自动生成.rar
Multi-level effect menu- 这是一个高度可配置的 javascript/css下拉菜单, 可以让你轻松生成多级层联的横向或纵向下拉菜单.
一个采用JavaScript编写的下拉菜单自动生成器，你可自定义每个下拉菜单项的内容，用此工具可快速生成下拉菜单代码，你复制这些代码到你的网页中，就可实现一款漂亮的下拉菜单，如果不满意，你可在此基础上再此扩展。
多级联动，支持Ajax动态获取数据并缓存数据，动态生成下级select菜单，设置动态生成"option"第一个条目作为提示项，自动选择唯一选项的菜单，设置回调函数在onChange事件触发时获取下拉菜单相关信息。 详细功能及...
这个test5.jsp文件主要是下拉列表，没有任何装饰和修饰。主要包含三个文件：test5.jsp、menu.js、menu.css三个文件，可以直接使用
在网页制作中，常常遇到这种情况，通过主下拉菜单的选择，动态的生成子下拉菜单。本文介绍了双下拉菜单的动态实现，有需要的可以来了解一下。
JavaScript实现简单的轮播图效果 轮播图：在一个模块或者说窗口，通过电脑上鼠标点击、手机上手指滑动后，可以看到多张图片。这些图片就都是轮播图，这个模块就叫做轮播模块。 如何实现轮播图 如何才能在js里面...
DropdownTree生成下拉树的一个js类实现思路请参考在网页开发中，大部分的下拉菜单都是一行一项并且上下对齐，这样虽然很好但是缺乏层次结构感，客户不知道各个选项之间的关系，因此有的时候我们需要在下拉菜单中以树...
10.12 用JavaScript生成面包屑导航 10.13 复选框的反选 10.14 选中所有复选框 10.15 复选框全选（二） 10.16 改变slsect选中项的颜色特效 第11章 颜色处理和菜单特效 11.1 背景颜色测试 11.2 RGB颜色在线转换 11.3 ...
10.12 用JavaScript生成面包屑导航 10.13 复选框的反选 10.14 选中所有复选框 10.15 复选框全选（二） 10.16 改变slsect选中项的颜色特效 第11章 颜色处理和菜单特效 11.1 背景颜色测试 11.2 RGB颜色在线转换 11.3 ...
12.3 改进下拉菜单 230 12.4 带说明的幻灯片 233 12.5 一个无聊的姓名生成器 236 12.6 柱状图生成器 240 12.7 样式表切换器 246 第13章 Ajax简介 253 13.1 Ajax的定义 253 13.2 读取服务器数据 255...
实例064 将数组中的数据添加到下拉菜单中 107 实例065 应用下拉菜单选择所要联机的网站 108 实例066 多级级联菜单 110 实例067 可以输入文字的下拉菜单 111 实例068 根据下拉菜单的值显示不同控件 112 实例069 分级...
14.11.5 下拉菜单和提示框 14.12 应知应会 练习 第15章 W3C DOM与JavaScript 15.1 W3C DOM 15.2 理解DOM节点 15.3 节点 15.3.1 父节点和子节点 15.3.2 兄弟节点 ...
jquery-contextify是一款基于Bootstrap的jQuery右键上下文菜单插件。该右键菜单使用Bootstrap的下拉菜单组件来制作，通过简单的配置即可在指定元素上生成右键菜单。
5.5 两层或多层次的下拉菜单 5.6 仿IE菜单的按钮。（效果如rongshuxa.com的导航栏目) 5.7 状态栏，title栏的动态效果（例子很多，可以研究一下） 5.8 双击后，网页自动滚屏 6、树型结构。 6.1 asp+SQL版 ...