รวมรหัสสีภาษาอังกฤษครบชุด (ตอนที่ 3)

<STYLE type=text/css>#menubar { พื้นหลัง: rgb (212,208,200); ตัวอักษร: เมนู; เคอร์เซอร์: ค่าเริ่มต้น; ตำแหน่ง: ญาติ } #menubar .root { เส้นขอบขวา: rgb(212,208,200) 1px solid; PADDING-ขวา: 2pt; ขอบด้านบน: rgb (212,208,200) 1px ทึบ; PADDING-ซ้าย: 2pt; เส้นขอบซ้าย: rgb (212,208,200) 1px ทึบ; ขอบล่าง: rgb(212,208,200) 1px solid } #menubar TABLE { BORDER-RIGHT: สีเทา 2px solid; PADDING-ขวา: 0pt; ขอบด้านบน: #eeeeee 2px ทึบ; จอแสดงผล: ไม่มี; PADDING-ซ้าย: 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); COLOR: grey } #menubar #break { COLOR: grey } #menubar .disabled { COLOR: grey } #menubar #break { PADDING-RIGHT: 0pt; PADDING-ซ้าย: 0pt; ช่องว่างด้านล่าง: 0pt; ขอบ: 0pt; PADDING-TOP: 0pt } #menubar SPAN.more { PADDING-RIGHT: 0pt; PADDING-ซ้าย: 0pt; ซ้าย: 14 พอยต์; ลอย: ถูกต้อง; ช่องว่างด้านล่าง: 0pt; ขอบ: 0pt; แบบอักษร: สายรัด 9pt; ความกว้าง: 0.8em; ช่องว่างด้านบน: 0pt; ตำแหน่ง: ญาติ; บนสุด: -2พอยต์; ความสูง: 9pt } #menubar .TBHandle { เส้นขอบขวา: ปุ่มเงา 1px ทึบ; BORDER-TOP: ปุ่มเน้น 1px ทึบ; ขนาดตัวอักษร: 1px; ขอบซ้าย: ปุ่มเน้น 1px ทึบ; ความกว้าง: 3px; ตำแหน่ง: แน่นอน; บนสุด: 1px; ความสูง: 22px; สีพื้นหลัง: เมนู } #menubar .yToolbar { เส้นขอบขวา: buttonshadow 1px solid; BORDER-TOP: ปุ่มเน้น 1px ทึบ; ซ้าย: 0px; ขอบซ้าย: ปุ่มเน้น 1px ทึบ; เส้นขอบด้านล่าง: ปุ่มเงา 1px ทึบ; ตำแหน่ง: ญาติ; บนสุด: 0px; ความสูง: 27px; สีพื้นหลัง: เมนู } .handbtn { เส้นขอบขวา: ปุ่มเงา 1px ทึบ; BORDER-TOP: ปุ่มเน้น 1px ทึบ; พื้นหลัง: กระดุม; ขอบซ้าย: ปุ่มเน้น 1px ทึบ; ความกว้าง: 3px; เส้นขอบด้านล่าง: ปุ่มเงา 1px ทึบ; ความสูง: 21px } .sepbtn1 { เส้นขอบขวา: ปุ่มเน้น 1px ทึบ; ขอบซ้าย: สันปุ่มเงา 1px; WIDTH: 2px } </STYLE> <SCRIPT language=javascript> // 数组名+次序号码 // 数组内容第一个值为标题 //"样式名称", 字体颜色", "名称", "连接" ,"目标窗口" OutBarFolder1=new Array( "系统功能", "none", "default", "新建管理人员", "add", "_blank", "none", "default", "ค่าเริ่มต้น" ,"ไม่มี", "_blank", "ไม่มี", "ค่าเริ่มต้น", "修改管理人员资料", "ไม่มี", "_blank", "ไม่มี", "ค่าเริ่มต้น", "ไม่มี", "ไม่มี" _blank", "ไม่มี", "ค่าเริ่มต้น", "ไม่มี", "ไม่มี", "ไม่มี", "หยุด", "ค่าเริ่มต้น", "<hr>", "ไม่มี", "ไม่มี", "ไม่มี", "ค่าเริ่มต้น", "新建管理人员", "เพิ่ม", "_blank", "ไม่มี", "ค่าเริ่มต้น", "新建管理人员", "เพิ่ม", "_blank", "ไม่มี", "ค่าเริ่มต้น", "新建"管理人员", "add", "_blank", "ไม่มี", "ค่าเริ่มต้น", "新建管理人员", "เพิ่ม", "_blank", "ไม่มี", "ค่าเริ่มต้น", "新建管理人员", "เพิ่ม" ","_blank", "break", "default", "<hr>", "none", "none", "none", "default", "ไม่มี", "none", "_top", " ไม่มี", "ค่าเริ่มต้น", "ไม่มี", "ไม่มี", "_top", "หยุด", "ค่าเริ่มต้น", "<hr>", "ไม่มี", "ไม่มี", "ไม่มี", "ค่าเริ่มต้น", "更改个人资料", "ไม่มี", "_blank", "ไม่มี", "ค่าเริ่มต้น", "更改个人密码", "ไม่มี", "_blank", "break", "ค่าเริ่มต้น", "<hr>", "ไม่มี", "ไม่มี", "ไม่มี", "ค่าเริ่มต้น", "退出管理系统", "ไม่มี", "_top" ); OutBarFolder2=อาร์เรย์ใหม่ ( "系统功能", "none", "default", "新建管理人员", "add", "_blank", "none", "default", "none", "default", "_blank", "ไม่มี", "ค่าเริ่มต้น", "修改管理人员资料", "ไม่มี", "_blank", "ไม่มี", "ค่าเริ่มต้น", "ไม่มี", "ไม่มี" ","ค่าเริ่มต้น","权限分配""ไม่มี""ไม่มี", "หยุด", "ค่าเริ่มต้น",<hr>"ไม่มี", "ไม่มี", "ไม่มี", "ค่าเริ่มต้น" ใหม่ เพิ่ม", "_blank", "ไม่มี", "ค่าเริ่มต้น", "新建管理人员", "เพิ่ม", "_blank", "ไม่มี", "ค่าเริ่มต้น", "新建管理人员", "เพิ่ม", "_blank" , "break", "ค่าเริ่มต้น", "<hr", "ไม่มี", "ไม่มี", "ไม่มี", "ค่าเริ่มต้น", "ไม่มี", "ค่าเริ่มต้น", "ไม่มี", "ค่าเริ่มต้น" ","恢复数据","none", "_top", "break", "default", "<hr>", "none", "none", "none", "default", "更改个人资料" ,"ไม่มี", "_blank", "ไม่มี", "ค่าเริ่มต้น", "ไม่มี", "ค่าเริ่มต้น", "ไม่มี", "ไม่มี", "หยุด", "ค่าเริ่มต้น", "<hr>", "ไม่มี" ไม่มี", "ไม่มี", "ค่าเริ่มต้น", "退出管理系统", "ไม่มี", "_top" ); OutBarFolder3=new Array( "系统功能", "none", "default", "新建管理人员", "add", "_blank", "none", "default", "none", "default", "_blank", "ไม่มี", "ค่าเริ่มต้น", "修改管理人员资料", "ไม่มี", "_blank", "ไม่มี", "ค่าเริ่มต้น", "ไม่มี", "ไม่มี" ","ค่าเริ่มต้น","权限分配""ไม่มี""ไม่มี", "หยุด", "ค่าเริ่มต้น",<hr>"ไม่มี", "ไม่มี", "ไม่มี", "ค่าเริ่มต้น" ใหม่ เพิ่ม", "_blank", "ไม่มี", "ค่าเริ่มต้น", "新建管理人员", "เพิ่ม", "_blank", "ไม่มี", "ค่าเริ่มต้น", "新建管理人员", "เพิ่ม", "_blank" , "break", "ค่าเริ่มต้น", "<hr", "ไม่มี", "ไม่มี", "ไม่มี", "ค่าเริ่มต้น", "ไม่มี", "ค่าเริ่มต้น", "ไม่มี", "ค่าเริ่มต้น" ","恢复数据","none", "_top", "break", "default", "<hr>", "none", "none", "none", "default", "更改个人资料" ,"ไม่มี", "_blank", "ไม่มี", "ค่าเริ่มต้น", "ไม่มี", "ค่าเริ่มต้น", "ไม่มี", "ไม่มี", "หยุด", "ค่าเริ่มต้น", "<hr>", "ไม่มี" ไม่มี", "ไม่มี", "ค่าเริ่มต้น", "退出管理系统", "ไม่มี", "_top" ); var childActive = null var menuActive = null var LastHighlight = null var active = false function getReal(el) { // ค้นหาองค์ประกอบเซลล์ของตารางใน parent chain */ temp = el while ((temp!=null) && (temp. tagName!="TABLE") && (temp.className!="root") && (temp.id!="menuBar")) { ถ้า (temp.tagName=="TD") el = temp temp = temp.parentElement } return el } ฟังก์ชั่น RaiseMenu(el) { el.style.borderLeft = "1px #08246B solid" el.style.borderTop = "1px #08246B solid" el.style.borderRight = "1px #08246B solid" el.style borderBottom = "1px #08246B solid" el.style.พื้นหลัง = "#B5BED6" } function clearHighlight(el) { if (el==null) return el.style.borderRight = "1px lightgrey solid" el.style.borderBottom = "1px lightgrey solid" el.style.borderTop = "1px lightgrey solid" el.style.borderLeft = "1px lightgrey solid" el.style.พื้นหลัง = "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.พื้นหลัง = "rgb (212,208,200)" } function menuHandler(menuItem) { // เขียนตัวจัดการเมนูทั่วไปที่นี่! // การคืนค่าจริงจะทำให้เมนูยุบลง การส่งคืน false จะไม่ยุบเมนู return true } ฟังก์ชัน getOffsetPos(ซึ่ง,el,tagName) { var pos = 0 // el["offset" + which] while (el.tagName!=tagName) { pos+=el["offset " + ซึ่ง] 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 } ฟังก์ชัน 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) กลับ; if ((el.id!="break") && (el.className!="disabled") && (el.className!="disabledhighlight") && (el.className!="clear")) { ถ้า (menuHandler (el)) { cleanupMenu(menuActive) clearHighlight(menuActive) active=false LastHighlight=null } } } } } ฟังก์ชั่น getChildren(el) { var tList = el.children.tags("TABLE") var i = 0 while (( i<tList.length) && (tList[i].tagName!="TABLE")) i++ if (i==tList.length) ส่งคืน null มิฉะนั้นส่งคืน tList[i] } ฟังก์ชัน doMenuDown(el) { if (el.length) _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 ถ้า (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.offsetTop + el. offsetParent.offsetTop - 3 ch.style.pixelLeft = el.offsetLeft + el.offsetWidth if (ch.style.pixelWidth==0) ch.style.pixelWidth = ch.offsetWidth+50 } } } ฟังก์ชัน doHighlight(el) { 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 (!childActive.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=="disabled") || (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) } } } } } } ฟังก์ชัน RemoveHighlight(el) { if (el!=null) if ((el.className=="disabled" ) ||. (el.className=="disabledhighlight")) el.className="disabled" else el.className="" } ฟังก์ชัน cleanupMenu(el) { if (el==null) ส่งคืนสำหรับ (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 } } ฟังก์ชั่น closeMenu(ch, el) { var start = ch while (ch.className!="root") { ch = ch.parentElement if (((!ch.contains(el)) && (ch.className!= "root"))) { start=ch } } cleanupMenu(start) } ฟังก์ชั่น 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 } } ฟังก์ชั่น doCheckOut() { var el = event.toElement if ((!active) && (menuActive! =null) && (!menuActive.contains(el))) { clearHighlight(menuActive) menuActive=null } } function processKey() { if (active) { switch (event.keyCode) { กรณีที่ 13: LastHighlight.click(); หยุดพัก; กรณีที่ 39: // ถูกต้องถ้า ((lastHighlight==null) || (lastHighlight._childItem==null)) { var idx = menuActive.cellIndex // if (idx==menuActive.offsetParent.cells.length-2) ถ้า (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] } ทำไฮไลท์ (รายการใหม่) แตก; กรณีที่ 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") ในขณะที่ (newItem.tagName!="TD") newItem = newItem.parentElement } ทำไฮไลท์ (newItem) ตัวแบ่ง; กรณีที่ 40: // down if (lastHighlight==null) { itemCell = menuActive._childItem curCell=0 curRow = 0 } else { itemCell = getRootTable(lastHighlight) if (lastHighlight.cellIndex==getElement(lastHighlight,"TR") cells.length-1) { curCell = 0 curRow = getElement(lastHighlight,"TR").rowIndex+1 ถ้า (getElement(lastHighlight,"TR").rowIndex==itemCell.rows.length-1) curRow = 0 } อื่น { curCell = LastHighlight.cellIndex+1 curRow = getElement(lastHighlight,"TR").rowIndex } } doHighlight(itemCell.rows[curRow].cells[curCell]) แตก; กรณีที่ 38: // up if (lastHighlight==null) { itemCell = menuActive._childItem curRow = itemCell.rows.length-1 curCell= itemCell.rows[curRow].cells.length-1 } else { itemCell = getRootTable(lastHighlight ) if (lastHighlight.cellIndex==0) { curRow = getElement(lastHighlight,"TR").rowIndex-1 ถ้า (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) ถ้า (getElement(lastHighlight,"TR").rowIndex==0) curRow = curCell .rows.length-1 else curRow = getElement(lastHighlight,"TR").rowIndex-1 } doHighlight(curCell.rows[curRow].cells[0]) แตก; } } } ฟังก์ชั่น make_menu() { document.write("<table width='100%' cellpadding='0' cellspacing='0' border='0' style='พื้นหลัง=rgb(212,208,200); พื้นหลัง: หน้าปุ่ม; BORDER-BOTTOM: ปุ่มเงา 1px ทึบ; BORDER-LEFT: ปุ่มเน้น 1px ทึบ; BORDER-RIGHT: ปุ่มเงา 1px ทึบ; BORDER-TOP: ปุ่มเน้น 1px ทึบ;'>"); document.write("<tr><TD><SPAN class=handbtn></SPAN></TD><td>"); document.write("<TABLE ID=menuBar ONSELECTSTART='return false' ONCLICK='processClick()' ONMOUSEOVER='doHighlight(event.toElement)' ONMOUSEOUT='doCheckOut()' ONKEYDOWN='processKey()'><TR >"); เจ=1; ในขณะที่(eval("window.OutBarFolder"+j)) j++; ฉัน=1; ในขณะที่(i<j) { Folder=eval("OutBarFolder"+i) document.write("<TD NOWRAP CLASS=root>"+Folder[0]+"<TABLE CELLSPACING=0 CELLPADDING=0>"); MakeItems (โฟลเดอร์); document.write("</TABLE>"); ฉัน++; } document.write("</TD></TR></TABLE>"); document.write("</td><td width=100% ONMOUSEOVER='processClick()'></td></tr></table>"); } ฟังก์ชั่น MakeItems(โฟลเดอร์) { var items=0; ในขณะที่(โฟลเดอร์[รายการ+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"+((Folder[i+0]=="none")?" Marriott ID='"+Folder[i+0]+"'" )+((Folder[i+3]=="none")?": onclick="go(1,'"+Folder[i+3]+"')"")+">" +((Folder[i+1]=="default")?"::<font color="+Folder[i+1]+">")+Folder[i+2]+((โฟลเดอร์[i +1]=="default"?":: //</font>")+"</TD></TR>"); //alert("<TR><TD NOWRAP "+((Folder[i+0]=="none")?"///ID='"+Folder[i+0]+"'")+( (โฟลเดอร์[i+3]=="none")?": onclick=go(1,'"+Folder[i+3]+"')")+">"+((โฟลเดอร์[i+ 1]=="default")?"::<font color="+Folder[i+1]+">")+Folder[i+2]+((Folder[i+1]=="default ")?"::</font>")+"</TD></TR>"); } } ฟังก์ชั่น go(i,iurl) { สวิตช์ (i) { กรณีที่ 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; //增加新贴 กรณีที่ 5 : top.main.location='index1.asp';break; //第一页 กรณีที่ 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"; หยุดพัก; กรณีที่ 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"; หยุดพัก; กรณีที่ 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.โฟกัส(); หยุดพัก; } } make_menu(); </สคริปต์>