中文(繁体)
<STYLE type=text/css>#menubar { 背景:rgb(212,208,200);字體:菜單;遊標:預設;位置:相對 } #menubar .root { 右邊框:rgb(212,208,200) 1px 實心;右填充:2pt;邊框頂部:rgb(212,208,200) 1px 實心;左填充:2pt;左邊框:rgb(212,208,200) 1px 實心;底部邊框:rgb(212,208,200) 1px 實心 } #menubar TABLE { 右邊框:灰色 2px 實心;右內邊距:0pt;上邊框:#eeeeee 2px 實心;顯示:無;左填充:0pt;背景:rgb(212,208,200);底部填充:0pt;保證金:0pt;字體:菜單;左邊框:#eeeeee 2px 實心;頂部填充:0pt;邊框-底部:灰色 2px 實心;位置:絕對 } #menubar TABLE TD { PADDING-RIGHT:15pt;左填充:12pt;底部填充:2pt;保證金:0pt; PADDING-TOP: 2pt } #menubar .highlight { 背景: #08246b;顏色:白色 } #menubar .disabledhighlight { 背景:rgb(212,208,200);顏色:灰色 } #menubar #break { 顏色:灰色 } #menubar .disabled { 顏色:灰色 } #menubar #break { PADDING-RIGHT:0pt;左填充:0pt;底部填充:0pt;保證金:0pt; PADDING-TOP: 0pt } #menubar SPAN.more { PADDING-RIGHT: 0pt;左填充:0pt;左:14 分;浮動:右;底部填充:0pt;保證金:0pt;字體:9pt webdings;寬度:0.8em;頂部填充:0pt;職位:相對;上:-2pt;高度:9pt } #menubar .TBHandle { 右邊框:buttonshadow 1px 實心; BORDER-TOP:按鈕反白顯示 1px 實心;字體大小:1px; BORDER-LEFT:按鈕反白顯示 1px 實心;寬度:3 像素;位置:絕對;頂部:1 像素;高度:22 像素;背景顏色:選單 } #menubar .yToolbar { 邊框右:buttonshadow 1px 實心; BORDER-TOP:按鈕反白顯示 1px 實心;左:0 像素; BORDER-LEFT:按鈕反白顯示 1px 實心; BORDER-BOTTOM:buttonshadow 1px 實心;職位:相對;頂部:0 像素;高度:27 像素;背景顏色:選單} .handbtn { 邊框右:按鈕陰影 1px 實心; BORDER-TOP:按鈕反白顯示 1px 實心;背景:紐扣面; BORDER-LEFT:按鈕反白顯示 1px 實心;寬度:3 像素; BORDER-BOTTOM:buttonshadow 1px 實心;高度:21px } .sepbtn1 { BORDER-RIGHT:按鈕反白顯示 1px 實心; BORDER-LEFT:buttonshadow 1px 脊; WIDTH: 2px } </STYLE> <SCRIPT language=javascript> // 配額名稱+佇列號碼 // 配額內容第一個值為標題 //"樣式名稱","字體顏色","名稱","連線" ,"目標視窗" OutBarFolder1=new Array( "系統功能", "none","default","新管理人員","add","_blank", "none","default","瀏覽管理人員" ,"none","_blank", "none","default","修改管理人員資料","none","_blank", "none","default","更改密碼","none"," _blank", "none","default","權限分配","none","none", "break","default","<hr>","none","none", "none", "default","新管理人員","add","_blank", "none","default","新管理人員","add","_blank", "none","default","新建管理人員","add","_blank", "無","default","新管理人員","add","_blank", "無","default","新管理人員","add ","_blank", "break","default","<hr>","none","none", "none","default","備份資料","none","_top", "無","預設","恢復資料","無","_top", "break","預設","<hr>","無","無", "無","預設", "更改個人資料","none","_blank", "none","default","更改個人密碼","none","_blank", "break","default","<hr>", "none","none", "none","default","退出管理系統","none","_top" ); OutBarFolder2=new Array( "系統功能", "none","default","新管理人員","add","_blank", "none","default","瀏覽管理人員","none", "_blank", "無","預設","修改管理人員資料","無","_blank", "無","預設","更改密碼","無","_blank", "無","default","權限","none","none", "break","default","<hr>","none","none", "none","default","新建管理人員","add","_blank", "none","default","新管理人員","add","_blank", "none","default","新管理人員"," add ","_blank", "無","預設","新建管理人員","add","_blank", "無","預設","新建管理人員","add","_blank" , "break","default","<hr>","none","none", "none","default","備份資料","none","_top", "none","default " ,"恢復資料","無","_top","中斷","預設","<hr>","無","無","無","預設","更改個人資料" , "none","_blank", "none","default","更改個人密碼","none","_blank", "break","default","<hr>","none"," none ", "none","default","退出管理系統","none","_top" ); OutBarFolder3=new Array( "系統功能", "none","default","新管理人員","add","_blank", "none","default","瀏覽管理人員","none", "_blank", "無","預設","修改管理人員資料","無","_blank", "無","預設","更改密碼","無","_blank", "無","default","權限","none","none", "break","default","<hr>","none","none", "none","default","新建管理人員","add","_blank", "none","default","新管理人員","add","_blank", "none","default","新管理人員"," add ","_blank", "無","預設","新建管理人員","add","_blank", "無","預設","新建管理人員","add","_blank" , "break","default","<hr>","none","none", "none","default","備份資料","none","_top", "none","default " ,"恢復資料","無","_top","中斷","預設","<hr>","無","無","無","預設","更改個人資料" , "none","_blank", "none","default","更改個人密碼","none","_blank", "break","default","<hr>","none"," none ", "none","default","退出管理系統","none","_top" ); var childActive = null var menuActive = null var lastHighlight = null var active = false function getReal(el) { // 找出父鏈中的表格儲存格元素 */ temp = el while ((temp!=null) && (temp. tagName!="TABLE") && (temp.className!="root") && (temp.id!="menuBar")) { if (temp.tagName=="TD") el = temp temp = temp.parentElement } return el } function raiseMenu(el) { el.style.borderLeft = "1px #08246B 實心" el.style.borderTop = "1px #08246B 實心" el.style.borderRight = "1px #08246B 實心" el.style.borderRight = "1px #08246B 實心"el.style" borderBottom = "1px #08246B 實心" el.style.background = "#B5BED6" } function clearHighlight(el) { if (el==null) return el.style.borderRight = "1px 淺灰色實心" Botel.style.bordertom = "1px 淺灰色實心" el.style.borderTop = "1px 淺灰色實心" el.style.borderLeft = "1px 淺灰色實心" el.style.background = "rgb(212,208,200)" } function sinkMenu(el) { el.style. borderRight = "1px #EEEEEE 實心" el.style.borderBottom = "1px #EEEEEE 實心" el.style.borderTop = "1px 灰色實心" el.style.borderLeft = "1px 灰色實心" el.style. background = "rgb (212,208,200)" } function menuHandler(menuItem) { // 在這裡編寫通用選單處理程序! // 傳回 true 折疊選單。回傳 false 不會折疊選單 return true } function getOffsetPos(which,el,tagName) { var pos = 0 // el["offset" + which] while (el.tagName!=tagName) { pos+=el["offset " + which] el = el.offsetParent } return pos } function getRootTable(el) { el = el.offsetParent if (el.tagName=="TR") el = el.offsetParent return el } function getElement(el,tagName) { while ((el!=null) && (el.tagName!=tagName) ) el = el.parentElement return el } function processClick() { var el = getReal(event.srcElement) if ((getRootTable(el).id) =="menuBar") && (active)) { cleanupMenu(menuActive) clearHighlight(menuActive) active=false lastHighlight=null doHighlight(el) } else { if ((el.className=="root") || (!menuHandler (el))) doMenuDown(el) else { if (el._childItem==null) el._childItem = getChildren(el) if (el._childItem!=null) return; if ((el.id!="break") && (el.className!="disabled") && (el.className!="disabledhighlight") && (el.className!="clear")) { if (menuHandler (el)) { cleanupMenu(menuActive)clearHighlight(menuActive) active=false lastHighlight=null } } } } } function getChildren(el) { var tList = el.children.tags("TABLE") var i = 0 while (( i<tList.length) && (tList[i].tagName!="TABLE")) i++ if (i==tList.length) return null else return tList[i] } function doMenuDown(el) { if (el. _childItem==null) el._childItem = getChildren(el) if ((el._childItem!=null) && (el.className!="disabled") && (el.className!="disabledhighlight")) { // 效能最佳化- 快取子元素ch = el._childItem if (ch.style.display=="block") { removeHighlight(ch.active) return } ch.style.display = "block" if (el.className=="root " ") { ch.style.pixelTop = el.offsetHeight + el.offsetTop + 2 ch.style.pixelLeft = el.offsetLeft + 1 if (ch.style.pixelWidth==0) ch.style.pixelWidth = ch.rows [ 0].offsetWidth+50 sinkMenu(el) active = true menuActive = el } else { childActive = el ch.style.pixelTop = getOffsetPos("Top",el,"TABLE") -3 // el. . offsetParent.offsetTop - 3 ch.style.pixelLeft = el.offsetLeft + el.offsetWidth if (ch.style.pixelWidth==0) ch.style.pixelWidth = ch.offsetWidth+50 } } } function doHighlight(elel) { el = getReal(el) if ("root"==el.className) { if ((menuActive!=null) && (menuActive!=el)) {clearHighlight(menuActive) } if (!active) { raiseMenu(el) } else sinkMenu(el) if ((active) && (menuActive!=el)) { cleanupMenu(menuActive) doMenuDown(el) } menuActive = el lastHighlight=null } else { if (childActive!=null) if (!childese { if (childActive!=null) if (!childese { if (childActive!=null) if (!childese { if (childActive!=null) if (!childese { if (childActive!=null) if (!childese { if (childActive!=null) if (!childese { if (childActive!=null) if (!childese { if (childActive!=null) if (!childese { if (childActive!=null) if (!childese { if (childActive!=null) if (!childese { if (childActive!=null) if (!childese { if ) ). contains (el)) closeMenu(childActive, el) if (("TD"==el.tagName) && ("clear"!=el.className)) { var ch = getRootTable(el) if (ch.active!= null ) { if (ch.active!=el) { if (ch.active.className=="disabledhighlight") ch.active.className="disabled" else ch.active.className="" } } ch.active = el lastHighlight = el if ((el.className=="禁用") || (el.className=="disabledhighlight") || (el.id=="break")) el.className = "disabledhighlight" else { if (el.id!="break") { el.className = "highlight" if (el._childItem==null) el. _childItem = getChildren(el) if (el._childItem!=null) { doMenuDown(el) } } } } } } function removeHighlight(el) { if (el!=null) if ((el.className=="已停用" ) || (el.className=="disabledhighlight")) el.className="disabled" else el.className="" } function cleanupMenu(el) { if (el==null) return for (var i = 0 ; i < el.all.length; i++) { var item = el.all[i] if (item.tagName=="TABLE") item.style.display = "" removeHighlight(item.active) item.active= null } } function closeMenu(ch, el) { var start = ch while (ch.className!="root") { ch = ch.parentElement if (((!ch.contains(el)) && (ch.className! = "root"))) { start=ch } } cleanupMenu(start) } function checkMenu() { if (document.all.menuBar==null) return if ((!document.all.menuBar.contains(event.srcElement ) ) && (menuActive!=null)) {clearHighlight(menuActive) closeMenu(menuActive) active = false menuActive=null choiceActive = null } } function doCheckOut() { var el = event.toElement if ((!active) && ! =null) && (!menuActive.contains(el))) {clearHighlight(menuActive) menuActive=null } } function processKey() { if (active) { switch (event.keyCode) { case 13: lastHighlight.c(lick) ;休息; case 39: // 正確 if ((lastHighlight==null) || (lastHighlight._childItem==null)) { var idx = menuActive.cellIndex // if (idx==menuActive.offsetParent.cells.length-2) if (idx==getElement(menuActive,"TR").cells.length-2) idx = 0 else idx++ newItem = getElement(menuActive,"TR").cells[idx] } else { newItem = lastHighlight._childItem.rows[ 0].cells[0] } doHighlight(newItem) 中斷; case 37: //left if ((lastHighlight==null) || (getElement(getRootTable(lastHighlight),"TR").id=="menuBar")) { var idx = menuActive.cellIndex if (idx==0 ) idx = getElement(menuActive,"TR").cells.length-2 else idx-- newItem = getElement(menuActive,"TR").cells[idx] } else { newItem = getElement(lastHighlight,"TR") while (newItem.tagName!="TD") newItem = newItem.parentElement } doHighlight(newItem) 中斷; case 40: // 向下if (lastHighlight==null) { itemCell = menuActive._childItem curCell=0 curRow = 0 } else { itemCell = getRootTable(lastHighlight) if (lastHighlight.cellIndex==getElementElement( . cells.length-1) { curCell = 0 curRow = getElement(lastHighlight,"TR").rowIndex+1 if (getElement(lastHighlight,"TR").rowIndex==itemCell.rows.length-1) curRow = 0 } else { curCell = lastHighlight.cellIndex+1 curRow = getElement(lastHighlight,"TR").rowIndex } } doHighlight(itemCell.rows[curRow].cells[curCell]) 中斷; case 38: // 向上 if (lastHighlight==null) { itemCell = menuActive._childItem curRow = itemCell.rows.length-1 curCell= itemCell.rows[curRow].cells.length-1 } else TabletemCell. ) if (lastHighlight.cellIndex==0) { curRow = getElement(lastHighlight,"TR").rowIndex-1 if (curRow==-1) curRow = itemCell.rows.length-1 curCell= itemCell.rows[curRow] .cells.length-1 } else { curCell = lastHighlight.cellIndex - 1 curRow = getElement(lastHighlight,"TR").rowIndex } } doHighlight(itemCell.rows[curRow].cells[curCell]) 中斷; if (lastHighlight==null) { curCell = menuActive._childItem curRow = curCell.rows.length-1 } else { curCell = getRootTable(lastHighlight) if (getElement(lastHighlight,"TR").rowIndex==0) curRow .rows.length-1 else curRow = getElement(lastHighlight,"TR").rowIndex-1 } doHighlight(curCell.rows[curRow].cells[0]) break; } } } function make_menu() { document.write("<table width='100%' cellpadding='0' cellspacing='0' border='0' style='background=rgb(212,208,200); 背景:buttonface; BORDER-BOTTOM:buttonshadow 1px 實心;BORDER-LEFT:buttonhighlight 1px 實心;BORDER-RIGHT:buttonshadow 1px 實心;BORDER-TOP:buttonhighlight 1px 實心;'>"); document.write("<tr><TD><SPAN class=handbtn></SPAN></TD><td>"); document.write("<TABLE ID=menuBar ONSELECTSTART='返回 false' ONCLICK='processClick()' ONMOUSEOVER='doHighlight(event.toElement)' ONMOUSEOUT='doCheck()' ONKEYOutWN='processDOWN='proces< >”); j=1; while(eval("window.OutBarFolder"+j)) j++;我=1; while(i<j) { 資料夾=eval("OutBarFolder"+i) document.write("<TD NOWRAP CLASS=root>"+Folder[0]+"<TABLE CELLSPACING=0 CELLPADDING=0>"); MakeItems(資料夾);文檔.write(“</TABLE>”);我++; } document.write("</TD></TR></TABLE>"); document.write("</td><td width=100% ONMOUSEOVER='processClick()'></td></tr></table>"); } 函數 MakeItems(資料夾) { var items=0; while(資料夾[項目+1])項目+=5;項目/=5; for(var i=1;i<items*5;i+=5) { /* if(Folder[i+1]=="BREAK") { document.write("<TD NOWRAP ID=break><HR> </TD>"); } else { document.write("<TR><TD NOWRAP>"+Folder[i+1]+"</TD></TR>"); } */ document.write("<TR><TD NOWRAP"+((資料夾[i+0]=="無")?"":" ID='"+資料夾[i+0]+" '" )+((資料夾[i+3]=="無")?"":" onclick="go(1,'"+資料夾[i+3]+"')"") +">" +((資料夾[i+1]=="預設")?"":"<font color="+資料夾[i+1]+">")+資料夾[i+2 ]+((資料夾[i +1]=="預設")?"":"</font>")+"</TD></TR>"); //alert("<TR><TD NOWRAP "+((資料夾[i+0]=="無")?"":"ID='"+資料夾[i+0]+"'") +( (資料夾[i+3]=="無")?"":" onclick=go(1,'"+資料夾[i+3]+"')")+">"+((資料夾[i+ 1]=="預設")?"":"<font color="+資料夾[i+1]+">")+資料夾[i+2]+((資料夾[i +1]=="預設")?"":"</font>")+"</TD></TR>"); } } function go(i,iurl) { switch (i) { case 1 :parent.location=iurl;break; //回傳首頁 案例2 : top.main.location='login.htm';break; //登入案例3 : top.main.location='shenqing.htm';break; //註冊案例 4 : top.main.location='addnew.asp';break; // 增加新貼 case 5 : top.main.location='index1.asp';break; //第一頁 case 6 : //上一頁 var obj=top.main var str=obj.location.href; if(str.indexOf("index1")>0) obj.location="index1.asp@page="+obj.document.all("ppage").value;否則 obj.location="index1.asp";休息; case 7 : //下一頁 var obj=top.main var str=obj.location.href; if(str.indexOf("index1")>0) obj.location="index1.asp@page="+obj.document.all("npage").value;否則 obj.location="index1.asp";休息; case 8 : //最後一頁 var obj=top.main var str=obj.location.href; if(str.indexOf("index1")>0) obj.location="index1.asp@page="+obj.document.all("epage").value;否則 obj.location="index1.asp";休息;情況 9: top.main.location='editinfo.asp';break;案例 10: top.main.location='quit.asp';break;案例 11: top.main.location='userinfo.asp';break;案例 12: var newwin=top.open("http://www.downcodes.com"); newwin.focus();休息; } } make_menu(); </腳本>