ภาษาไทย
<!-- 把如下代码加入<body>区域中 --> <!-- เว็บ http://www.downcodes.com --> <!-- bbs http://www.downcodes.com/bbs- -> <style rel=stylesheet type=text/css> BODY { เส้นขอบด้านล่าง: 0px; เส้นขอบซ้าย: 0px; เส้นขอบขวา: 0px; เส้นขอบด้านบน: 0px; ขอบ: 0px; สี: ข้อความปุ่ม } #menu { พื้นหลัง: หน้ากระดุม; ขอบล่าง: หน้าปุ่ม 1px ทึบ; ขอบซ้าย: หน้าปุ่ม 1px ทึบ; เส้นขอบขวา: หน้าปุ่ม 1px ทึบ; BORDER-TOP: ปุ่มกด 1px ทึบ; เคอร์เซอร์: ค่าเริ่มต้น; ซ้าย: 0px; ตำแหน่ง: แน่นอน; TOP: 0px } #menu .menu { พื้นหลัง: หน้ากระดุม; BORDER-BOTTOM: ปุ่มเน้นเริ่มต้น 2px; ขอบซ้าย: ปุ่มเน้นเริ่มต้น 2px; เส้นขอบขวา: ปุ่มเน้นเริ่มต้น 2px; BORDER-TOP: ปุ่มเน้นเริ่มต้น 2px; ตำแหน่ง: สัมบูรณ์ } #menu TD { FONT: menu; ความสูง: 20px } #menu .root { ขอบล่าง: หน้าปุ่ม 1px ทึบ; ขอบซ้าย: หน้าปุ่ม 1px ทึบ; เส้นขอบขวา: หน้าปุ่ม 1px ทึบ; BORDER-TOP: ปุ่มกด 1px ทึบ; ขอบ: 6px; ช่องว่างด้านล่าง: 1px; ช่องว่างด้านซ้าย: 7px; PADDING-ขวา: 7px; PADDING-TOP: 1px } #menu .icon { TEXT-ALIGN: center } #menu .disabled { COLOR: buttonshadow } #menu .more { FONT-FAMILY: webdings; จัดข้อความ: ขวา; ความกว้าง: 20px } #menu #handle { BORDER-BOTTOM: buttonshadow 1px solid; ขอบซ้าย: ปุ่มเน้น 1px ทึบ; เส้นขอบขวา: ปุ่มเงา 1px ทึบ; BORDER-TOP: ปุ่มเน้น 1px ทึบ; เคอร์เซอร์: ย้าย; ขอบ: 0px; ช่องว่างด้านล่าง: 0px; PADDING-ซ้าย: 0px; PADDING-ขวา: 0px; PADDING-TOP: 0px } #outerDiv { BORDER-BOTTOM: สีขาว 2px สิ่งที่ใส่เข้าไป; ขอบซ้าย: สีขาวแทรก 2px; เส้นขอบขวา: สีขาวแทรก 2px; ขอบด้านบน: สิ่งที่ใส่เข้าไป 2px สีขาว; ส่วนสูง: 90%; ล้น: อัตโนมัติ; ตำแหน่ง: แน่นอน; ความกว้าง: 100%; ดัชนี Z: -1 } </style> <SCRIPT> var activeMenu = null; var activeSub = null; var tempEl; วาร์ต; var HideWindowedControls = จริง; var ie5 = (document.getElementsByTagName != null); ฟังก์ชั่น menuItemHighlight (el) { el.style.พื้นหลัง = "ไฮไลท์"; el.style.color = "ข้อความเน้น"; } ฟังก์ชั่น menuItemNormal(el) { el.style.พื้นหลัง = ""; el.style.color = ""; } ฟังก์ชั่น RaiseButton(el) { el.style.borderTop ="1 solid buttonhighlight"; el.style.borderLeft ="ไฮไลต์ปุ่มทึบ 1 อัน"; el.style.borderBottom ="1 ปุ่มเงาทึบ"; el.style.borderRight ="1 ปุ่มเงาทึบ"; el.style.padding = "1"; el.style.paddingLeft = "7"; el.style.paddingRight = "7"; } ฟังก์ชั่น NormalButton(el) { el.style.border = "หน้ากระดุมทึบ 1 อัน"; el.style.padding = "1"; el.style.paddingLeft = "7"; el.style.paddingRight = "7"; } ฟังก์ชั่น pressedButton(el) { el.style.borderTop ="1 solid buttonshadow"; el.style.paddingTop = "2"; el.style.borderLeft ="1 ปุ่มเงาทึบ"; el.style.paddingLeft = "8"; el.style.borderBottom ="ไฮไลต์ปุ่มทึบ 1 อัน"; el.style.paddingBottom= "0"; el.style.borderRight = "ไฮไลต์ปุ่มทึบ 1 ปุ่ม"; el.style.paddingRight = "6"; } ฟังก์ชั่น cleanUpMenuBar() { for (i=0; i <menu.rows.length; i++) { for (j=0; j <menu.rows(i).cells.length; j++) { if (menu.rows (i).cells(j).className == "root") { NormalButton(menu.rows(i).cells(j)); } } } showWindowedObjects(จริง); } ฟังก์ชั่น getMenuItem(el) { temp = el; ในขณะที่ ((temp!=null) && (temp.tagName!="TABLE") && (temp.id!="menubar") && (temp.id!="menu") && (temp.id!="handle ")) { if ((temp.tagName=="TR") || (temp.className=="root")) el = temp; อุณหภูมิ = temp.parentElement; } กลับเอล; } ฟังก์ชั่น getSub(el) { temp = el; ในขณะที่ ((temp!=null) && (temp.className != "sub")) { ถ้า (temp.tagName=="TABLE") el = temp; อุณหภูมิ = temp.parentElement; } กลับเอล; } ฟังก์ชั่น menuClick() { ถ้า (event.srcElement == null) กลับ; var el=getMenuItem(event.srcElement); if ((el.className != "disabled") && (el.id != "menubar")){ if (el.className == "root") { if (activeMenu) { RaiseButton(el); showWindowedObjects(จริง); } อื่น pressedButton(el); สลับเมนู(el); } อื่นถ้า (el.href) { cleanUpMenuBar(); ถ้า (activeMenu) สลับเมนู (activeMenu.parentElement); ถ้า (el.target) window.open(el.href, el.target); อื่นถ้า (document.all.tags("BASE").item(0) != null) window.open(el.href, document.all.tags("BASE").item(0).target); อย่างอื่น window.location = el.href; } } window.event.cancelBubble = จริง; } ฟังก์ชั่น Restore() { ถ้า (activeMenu) { สลับเมนู (activeMenu.parentElement); cleanUpMenuBar(); } } document.onclick=เรียกคืน; ฟังก์ชั่น menuOver () { ถ้า ((event.fromElement == null) || (event.toElement == null) || (event.fromElement == event.toElement)) กลับ; var fromEl = getMenuItem(event.fromElement); var toEl = getMenuItem(event.toElement); ถ้า (fromEl == toEl) กลับ; if ((toEl.className != "disabled") && (toEl.id != "menubar")){ if (toEl.className == "root") { if (activeMenu) { ถ้า (toEl.menu != activeMenu ) { cleanUpMenuBar(); pressedButton(toEl); สลับเมนู(toEl); } } อื่น ๆ { RaiseButton(toEl); } } else { if ((fromEl != toEl) && (toEl.tagName != "TABLE")){ การล้างข้อมูล (toEl.parentElement.parentElement, false); เมนูItemHighlight(toEl); toEl.parentElement.parentElement.activeItem = toEl; ถ้า (toEl.href) window.status = toEl.href; ถ้า (toEl.className == "ย่อย") showSubMenu (toEl, จริง); } } } } ฟังก์ชั่น menuOut() { ถ้า ((event.fromElement == null) || (event.toElement == null) || (event.fromElement == event.toElement)) กลับ; var fromEl = getMenuItem(event.fromElement); var toEl = getMenuItem(event.toElement); ถ้า (fromEl == toEl) กลับ; if (fromEl.className == "root"){ if (activeMenu) { if (fromEl.menu != activeMenu) NormalButton(fromEl); } อื่นปุ่มปกติ (จาก El); } else { if ((fromEl.className != "disabled") && (fromEl.id != "menubar")){ if ((fromEl.className == "sub") && (getSub(toEl) == fromEl. เมนูย่อย) ||. (fromEl.subMenu == ถึง El.parentElement.parentElement)) กลับ; อื่นถ้า ((fromEl.className == "sub")){ การล้างข้อมูล (fromEl.subMenu, จริง); menuItemNormal (จาก El); } อื่น ๆ ถ้า ((fromEl != toEl) && (fromEl.tagName != "TABLE")) menuItemNormal(fromEl); หน้าต่างสถานะ = ""; } } } ฟังก์ชั่นสลับเมนู(el) { ถ้า (el.menu == null) el.menu = getChildren(el); if (el.menu == activeMenu) { ถ้า (activeSub) menuItemNormal (activeSub.parentElement.parentElement); การล้างข้อมูล (el.menu จริง); activeMenu = โมฆะ; activeSub = โมฆะ; // showWindowedObjects(จริง); } else { ถ้า (activeMenu) { การล้างข้อมูล (activeMenu จริง); ซ่อนเมนู(activeMenu); } activeMenu = el.menu; var tPos = topPos(el.menu) + เมนู.offsetHeight; ถ้า ((document.body.offsetHeight - tPos) >= el.menu.offsetHeight) { el.menu.style.pixelTop = (ie5) ? el.offsetHeight + 1 : เมนู.offsetHeight - el.offsetTop - 2; ผบ. = 2; } อื่น ๆ { el.menu.style.pixelTop = (ie5) ? el.offsetTop - el.menu.offsetHeight - 1 : el.offsetTop - el.menu.offsetHeight + 2; ผบ. = 8; } el.menu.style.pixelLeft = (ie5) ? el.offsetLeft - 2 : el.offsetLeft; แสดง (el.menu, dir); showWindowedObjects(เท็จ); } } ฟังก์ชั่น showSubMenu (el, แสดง) { var dir = 2; อุณหภูมิ = เอล; รายการ = el.children.tags("TD"); el = รายการ [list.length-1]; ถ้า (el.menu == null) el.menu = getChildren(el); temp.subMenu = el.menu; ถ้า ((el.menu != activeMenu) && (แสดง)) { activeSub = el.menu; var lPos = leftPos(el.menu); if ((document.body.offsetWidth - lPos) >= el.menu.offsetWidth) { el.menu.style.left = (ie5) ? el.parentNode.offsetWidth : el.offsetParent.offsetWidth; ผบ. = 6; } อื่น ๆ { el.menu.style.left = - el.menu.offsetWidth + 3; ผบ. = 4; } var tPos = (ie5) ? topPos(el.menu) + el.offsetTop : topPos(el.menu) + el.offsetParent.offsetTop;// + el.menu.offsetTop; if ((document.body.offsetHeight - tPos) >= el.menu.offsetHeight) el.menu.style.top = (ie5) ? el.offsetTop - 4 : el.offsetParent.offsetTop - 2; อื่น el.menu.style.top = (ie5) ? el.offsetTop + el.offsetHeight - el.menu.offsetHeight : el.offsetParent.offsetTop + el.offsetParent.offsetHeight - el.menu.offsetHeight + 2; showSub(el.menu, dir); } อื่น { แสดง (el.menu ,dir); activeSub = โมฆะ; } } ฟังก์ชั่น topPos(el) { var temp = el; var y = 0; ในขณะที่ (temp.id!="menu") { temp = temp.offsetParent; y += temp.offsetTop; } ส่งคืน y; } ฟังก์ชั่น leftPos(el) { var temp = el; วาร์ x = 0; ในขณะที่ (temp.id!="menu") { temp = temp.offsetParent; x += อุณหภูมิออฟเซ็ตซ้าย; } ส่งคืน x + el.offsetParent.offsetWidth; } function show(el, dir) { if (typeof(fade) == "function") fade(el, true); อื่นถ้า (typeof (swipe) == "ฟังก์ชั่น") { tempElSwipe = el; tempDirSwipe = ผบ; el.style.visibility = "มองเห็นได้"; el.style.visibility = "ซ่อน"; window.setTimeout("tempSwipe()", 0); // ปัด(el, dir); } else el.style.visibility = "มองเห็นได้"; } เป็น tempElSwipe, tempDirSwipe; ฟังก์ชั่น tempSwipe () { ปัด (tempElSwipe, tempDirSwipe); } ฟังก์ชั่น showSub(el ,dir) { แสดง(el, dir); // ปัด(el, dir); // จางหายไป (เอล, จริง); // el.style.visibility = "มองเห็นได้"; } function cleanup(menu,hide) { if (menu.activeItem) { //ถ้าคุณเคยมาที่นี่มาก่อน if ((menu.activeItem.className == "sub") && (menu.activeItem.subMenu)){ / /รายการที่ใช้งานอยู่มีการล้างเมนูย่อย (menu.activeItem.subMenu, true); //ทำความสะอาดส่วนย่อยด้วย } menuItemNormal(menu.activeItem); } ถ้า (ซ่อน) { HideMenu(เมนู); } } ฟังก์ชั่น HideMenu(el) { ถ้า (typeof(จาง) == "ฟังก์ชั่น") { จาง(el, false); // window.setTimeout(fadeTimer); } else if (typeof(swipe) == "function") { HideSwipe(el); } อื่น el.style.visibility = "ซ่อน"; } ฟังก์ชั่น getChildren(el) { var tList = el.children.tags("TABLE"); กลับ tList[0]; } var DragObject = null; var dragObjectPos = "ด้านบน"; วาร์ tx; var ty; window.onload=ขนาดแก้ไข; window.onresize=fixSize; ฟังก์ชั่น fixSize() { ถ้า (dragObjectPos == "top") { outerDiv.style.top = menu.offsetHeight; outerDiv.style.height = document.body.clientHeight - เมนู offsetHeight; } อื่น ๆ ถ้า ( DragObjectPos == "ด้านล่าง") {ด้านนอกDiv.style.top = 0; outerDiv.style.height = document.body.clientHeight - เมนู offsetHeight; menu.style.top = document.body.clientHeight - เมนู offsetHeight; } อื่น ๆ {ด้านนอกDiv.style.top = 0; outerDiv.style.height=document.body.clientHeight; } } ฟังก์ชั่น document.onmousedown() { if(window.event.srcElement.id == "handle") { DragObject = document.all[window.event.srcElement.getAttribute("for"]); คืนค่า(); //ซ่อนเมนูขณะเคลื่อนที่ ty = (window.event.clientY - DragObject.style.pixelTop); window.event.returnValue = เท็จ; window.event.cancelBubble = จริง; } อื่น ๆ { DragObject = null; } } ฟังก์ชั่น document.onmouseup() { if(dragObject) { DragObject = null; } } ฟังก์ชั่น document.onmousemove() { if(dragObject) { if(window.event.clientX >= 0) { if((window.event.clientY - ty) <= 15) { DragObject.style.border = "0 หน้ากระดุมทึบ"; DragObject.style.width = "100%"; DragObject.style.top = 0; DragObject.style.left = 0; DragObjectPos = "ด้านบน"; แก้ไขขนาด(); } else if ((window.event.clientY - ty) >= document.body.clientHeight - menu.offsetHeight - 15) { dragObject.style.border = "0 หน้าปัดทึบ"; DragObject.style.width = "100%"; DragObject.style.top = document.body.clientHeight - เมนู offsetHeight; DragObject.style.left = 0; DragObjectPos="ด้านล่าง"; แก้ไขขนาด(); } อื่น ๆ { DragObject.style.width = "10px"; DragObject.style.left = window.event.clientX; DragObject.style.top = window.event.clientY - ไท; DragObject.style.border = "2px เริ่มเป็นสีขาว"; DragObjectPos = "ลอย"; แก้ไขขนาด(); } } อื่น ๆ { DragObject.style.border = ""; DragObject.style.left = "0"; DragObject.style.top = "0"; } window.event.returnValue = เท็จ; window.event.cancelBubble = จริง; } } ฟังก์ชัน showWindowedObjects(show) { ถ้า (hideWindowedControls) { var windowedObjectTags = new Array("SELECT", "IFRAME", "OBJECT", "APPLET", "EMBED"); var windowedObjects = อาร์เรย์ใหม่ (); วาร์เจ=0; สำหรับ (var i=0; i<windowedObjectTags.length; i++) { var tmpTags = document.all.tags(windowedObjectTags[i]); if (tmpTags.length > 0) { สำหรับ (var k=0; k<tmpTags.length; k++) { windowedObjects[j++] = tmpTags[k]; } } } สำหรับ (var i=0; i<windowedObjects.length; i++) { if (!show) windowedObjects[i].visBackup = (windowedObjects[i].style.visibility == null) ? "มองเห็นได้" : windowedObjects[i].style.visibility; windowedObjects[i].style.visibility = (แสดง) ? windowedObjects[i].visBackup : "ซ่อน"; } } } </SCRIPT> <TABLE cellSpacing=1 id=menu onclick=menuClick() onmouseout=menuOut() onmouseover=menuOver() onselectstart="return false"> <TBODY> <TR id=menubar> <TD class= ปิดการใช้งาน style="PADDING-LEFT: 0px; PADDING-RIGHT: 1px"> <DIV class=disabled id=handle style="HEIGHT: 100%; LEFT: 3px; WIDTH: 3px" title = "ย้ายฉัน!" for="menu"></DIV></TD> <TD class=root>HOME <TABLE cellSpacing=0 class=menu style="VISIBILITY:hidden"> <TBODY> <TR href="javascript:alert('可以改成一个链接!')"> <TD></TD> <TD noWrap>LINK</TD> <TD></TD> </TR> <TR class=sub> <TD></TD> <TD noWrap>LINK</TD> <TD> <TABLE cellSpacing=0 class=menu style="VISIBILITY:hidden"> <TBODY> <TR href="javascript:alert('可以改成一个链接')"> <TD noWrap style="HEIGHT: 20px">LINK</TD> </TR> </TBODY> </TABLE> </TD> </TR> <TR class=disabled> <TD colSpan=3> <HR > </TD> </TR> <TR href="javascript:alert('可以改成一个链接')"> <TD></TD> <TD>LINK</TD> <TD></TD> </TR> <TR title="มันง่ายมาก"> <TD></TD> <TD>LINK</TD> <TD></TD> </TR> </TBODY> </TABLE> < /TD> <TD class=root>ช่วยเหลือ <TABLE cellSpacing=0 class=menu style="VISIBILITY:hidden"> <TBODY> <TR href="javascript:alert('www.downcodes.com')"> <TD ></TD> <TD>เกี่ยวกับ</TD> <TD></TD></TR></TBODY></TABLE></TD> <TD class=disabled width="100%"> </TD TD></TR></TBODY></TABLE> <DIV id=outerDiv>
