javascript 生成下拉菜单

效果展示页面:http://www.×××/dingzhi/

 

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">  
  2. <HTML>  
  3.  <HEAD>  
  4.   <TITLE>企业内训</TITLE>  
  5.   <META NAME="Generator" CONTENT="EditPlus">  
  6.   <META NAME="Author" CONTENT="">  
  7.   <META NAME="Keywords" CONTENT="企业培训,企业内训,android培训,软考培训,it企业培训">  
  8.   <META NAME="Description" CONTENT=" 安博中程企业培训多年来致力于android培训,软考培训,嵌入式,UI设计,重构,架构,软件测试,需求分析,软件开发,数据库,国防军工等IT高端 技术的企业培训、企业内训,一直在行业内处于领先地位,所开企业内训或公开课如软考培训,android应用开发培训,软件工程培训,敏捷开发,嵌入式培 训,项目管理及国防军工的电子产品设计和信息化培训等授课讲师均是知名专家,行业内领军人物,已成为中国高端培训第一品牌.">  
  9.  </HEAD>  
  10.  <script src="http://www.×××/templets/js/popupmenu.js"></script>  
  11.  <style type="text/css">  
  12.  .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}  
  13.  </style>  
  14.  <script>  
  15. function onLoadHandler() {  
  16.   
  17. var menuMoreDesc = new Object();  
  18. menuMoreDesc.menuDiv = document.getElementById("menuMore");  
  19. menuMoreDesc.menuLink = document.getElementById("menuMoreLink");  
  20. menuMoreDesc.display = false;  
  21. menuMoreDesc.clickHandler = function(item) {  
  22.     if(typeof(item.product) != "undefined") {  
  23.         var url = getSearchUrl("query", item.product, "music.index");  
  24.     } else {  
  25.         var url = item.link;  
  26.     }  
  27.     window.open(url, "_parent");  
  28. };  
  29. menuMoreDesc.items = [{"link":"http://www.×××", "text":" 安博中程"}, {"link":"http://www.×××", "text":"中程在 线"}, {"link":"http://www.×××","text":"企业培训"}, {"link":"http: //www.amboedu.com", "text":"职业教育"}, {"link":"http: //www.×××", "text":"全部产品"}];  
  30. popupMenu.createMenu(menuMoreDesc);  
  31.   
  32. }  
  33. </SCRIPT>  
  34.  <BODY onLoad="onLoadHandler()">  
  35.   
  36. <div id="menuMore" class="popupMenu" style="display:none"></div>  
  37.   
  38.     <TABLE class=linkarea cellSpacing=0 cellPadding=0>  
  39.     <TBODY><TR><TD align=left><DIV class=listlink><nobr>  
  40. <span class="setlink"><a onclick='return seturl(this, "query", "www", "music.index");' href="http://www.×××/">安博中程</a></span>  
  41. <span class="setlink"><a onclick='return seturl(this, "query", "p_w_picpath", "music.index");' href="http://www.×××/">中程在线</a></span>  
  42. <span class="setlink"><a onclick='return seturl(this, "query", "news", "music.index");' href="http://www.×××/">企业培训</a></span>  
  43. <span class="setlink"><a onclick='return seturl(this, "query", "blog", "music.index");' href="http://www.amboedu.com/">职业教育</a></span>  
  44. <span class="setlink"><a onclick='return seturl(this, "query", "dict", "music.index");' href="http://www.×××/amt2011/">技术峰会</a></span>  
  45.  <span class="setlink"><a onclick='return seturl(this, "query", "dict", "music.index");' href="http://www.×××/discount/">优惠季</a></span>  
  46. <span class="setlink"><a href="http://www.×××/discount/" class="noline" id="menuMoreLink"><u>更多</u><small></small></a></span>  
  47.     </DIV></TD></TR></TBODY>  
  48.       </TABLE>  
  49.   
  50.  </BODY>  
  51. </HTML> 

效果展示页面:http://www.×××/dingzhi/

 

效果小图:

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章