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/

 

效果小圖:

 

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