javascript 生成上拉菜单
日期：2014-05-16 浏览次数：20405 次
javascript 生成下拉菜单
效果展示页面：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/
?
效果小图：
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
