Indonesia
<!-- 把如下代码加入<body>区域中 --> <!-- web http://www.downcodes.com --> <!-- bbs http://www.downcodes.com/bbs- -> <style rel=stylesheet type=text/css> BODY { BORDER-BOTTOM: 0px; BATAS-KIRI: 0px; BATASAN-KANAN: 0px; PERBATASAN-ATAS: 0px; MARGIN: 0 piksel; warna: teks tombol } #menu { LATAR BELAKANG: tampilan tombol; BORDER-BOTTOM: tampilan tombol 1px solid; BORDER-LEFT: tampilan tombol 1px solid; BORDER-RIGHT: tampilan tombol 1px solid; BORDER-TOP: tampilan tombol 1px solid; KURSOR: bawaan; KIRI: 0 piksel; POSISI: mutlak; ATAS: 0px } #menu .menu { LATAR BELAKANG: tampilan tombol; BORDER-BOTTOM: sorotan tombol awal 2px; BORDER-LEFT: sorotan tombol awal 2px; BORDER-RIGHT: highlight tombol awal 2px; BORDER-TOP: sorotan tombol awal 2px; POSISI: mutlak } #menu TD { FONT: menu; TINGGI: 20px } #menu .root { BORDER-BOTTOM: permukaan tombol 1px solid; BORDER-LEFT: tampilan tombol 1px solid; BORDER-RIGHT: tampilan tombol 1px solid; BORDER-TOP: tampilan tombol 1px solid; MARGIN: 6 piksel; PADDING-BAWAH: 1px; PADDING-KIRI: 7px; PADDING-KANAN: 7px; PADDING-TOP: 1px } #menu .icon { TEXT-ALIGN: center } #menu .disabled { WARNA: buttonshadow } #menu .more { FONT-FAMILY: webdings; PENYESUAIAN TEKS: benar; LEBAR: 20px } #menu #handle { BORDER-BOTTOM: buttonshadow 1px solid; BORDER-LEFT: sorotan tombol 1px solid; BORDER-KANAN: buttonshadow 1px solid; BORDER-TOP: sorotan tombol 1px solid; KURSOR: bergerak; MARGIN: 0 piksel; PADDING-BAWAH: 0px; PADDING-KIRI: 0px; PADDING-KANAN: 0px; PADDING-TOP: 0px } #outerDiv { BORDER-BOTTOM: sisipan putih 2px; BORDER-LEFT: sisipan putih 2px; BORDER-RIGHT: sisipan putih 2px; BORDER-TOP: sisipan putih 2px; TINGGI: 90%; LULUSAN: otomatis; POSISI: mutlak; LEBAR: 100%; Z-INDEX: -1 } </style> <SCRIPT> var activeMenu = null; var activeSub = nol; var tempEl; var t; var hideWindowedControls = benar; var ie5 = (dokumen.getElementsByTagName != null); fungsi menuItemHighlight(el) { el.style.background = "highlight"; el.style.color = "teks sorotan"; } fungsi menuItemNormal(el) { el.style.background = ""; el.style.warna = ""; } fungsi raiseButton(el) { el.style.borderTop ="1 sorotan tombol padat"; el.style.borderLeft ="1 sorotan tombol padat"; el.style.borderBottom ="1 bayangan tombol padat"; el.style.borderRight ="1 bayangan tombol padat"; el.style.padding ="1"; el.style.paddingLeft = "7"; el.style.paddingRight = "7"; } function normalButton(el) { el.style.border = "1 tombol padat"; el.style.padding ="1"; el.style.paddingLeft = "7"; el.style.paddingRight = "7"; } fungsi pressedButton(el) { el.style.borderTop ="1 bayangan tombol padat"; el.style.paddingTop = "2"; el.style.borderLeft ="1 bayangan tombol padat"; el.style.paddingLeft = "8"; el.style.borderBottom ="1 sorotan tombol padat"; el.style.paddingBottom= "0"; el.style.borderRight = "1 sorotan tombol padat"; el.style.paddingRight = "6"; } function cleanUpMenuBar() { untuk (i=0; i <menu.baris.panjang; i++) { untuk (j=0; j <menu.baris(i).sel.panjang; j++) { jika (menu.baris (i).sel(j).className == "root") { normalButton(menu.rows(i).cells(j)); } } } showWindowedObjects(benar); } fungsi getMenuItem(el) { temp = el; while ((temp!=null) && (temp.tagName!="TABLE") && (temp.id!="menubar") && (temp.id!="menu") && (temp.id!="handle ")) { if ((temp.tagName=="TR") || (temp.className=="root")) el = temp; temp = temp.parentElement; } kembalikan elemen; } fungsi getSub(el) { temp = el; while ((temp!=null) && (temp.className != "sub")) { if (temp.tagName=="TABLE") el = temp; temp = temp.parentElement; } kembalikan elemen; } fungsi menuKlik() { if (event.srcElement == null) kembali; var el=getMenuItem(event.srcElement); if ((el.className != "disabled") && (el.id != "menubar")){ if (el.className == "root") { if (activeMenu) { raiseButton(el); showWindowedObjects(benar); } lain ditekanTombol(el); beralihMenu(el); } else if (el.href) { cleanUpMenuBar(); if (activeMenu) toggleMenu(activeMenu.parentElement); if (el.target) window.open(el.href, el.target); else if (document.all.tags("BASE").item(0) != null) window.open(el.href, document.all.tags("BASE").item(0).target); lain jendela.lokasi = el.href; } } window.event.cancelBubble = benar; } fungsi Pemulihan() { if (activeMenu) { toggleMenu(activeMenu.parentElement); cleanUpMenuBar(); } } document.onclick=Pulihkan; function menuOver() { if ((event.fromElement == null) || (event.toElement == null) || (event.fromElement == event.toElement)) kembali; var fromEl = getMenuItem(event.fromElement); var toEl = getMenuItem(event.toElement); jika (dariEl == keEl) kembali; if ((toEl.className != "disabled") && (toEl.id != "menubar")){ if (toEl.className == "root") { if (activeMenu) { if (toEl.menu != activeMenu ) { pembersihanMenuBar(); ditekanTombol(toEl); beralihMenu(toEl); } } else { raiseButton(toEl); } } else { if ((fromEl != toEl) && (toEl.tagName != "TABLE")){ cleanup(toEl.parentElement.parentElement, false); menuItemHighlight(toEl); toEl.parentElement.parentElement.activeItem = toEl; if (toEl.href) window.status = toEl.href; if (toEl.className == "sub") showSubMenu(toEl,true); } } } } fungsi menuOut() { if ((event.fromElement == null) || (event.toElement == null) || (event.fromElement == event.toElement)) kembali; var fromEl = getMenuItem(event.fromElement); var toEl = getMenuItem(event.toElement); jika (dariEl == keEl) kembali; if (fromEl.className == "root"){ if (activeMenu) { if (fromEl.menu != activeMenu) normalButton(fromEl); } lain normalButton(dariEl); } else { if ((fromEl.className != "disabled") && (fromEl.id != "menubar")){ if ((fromEl.className == "sub") && (getSub(toEl) == fromEl. subMenu) || (dariEl.subMenu == keEl.parentElement.parentElement)) kembali; else if ((fromEl.className == "sub")){ pembersihan(fromEl.subMenu, true); menuItemNormal(dariEl); } else if ((fromEl != toEl) && (fromEl.tagName != "TABLE")) menuItemNormal(fromEl); jendela.status = ""; } } } fungsi toggleMenu(el) { if (el.menu == null) el.menu = getChildren(el); if (el.menu == activeMenu) { if (activeSub) menuItemNormal(activeSub.parentElement.parentElement); pembersihan(el.menu,true); Menu aktif = null; activeSub = nol; // showWindowedObjects(benar); } else { if (activeMenu) { pembersihan(activeMenu,true); sembunyikanMenu(Menu aktif); } activeMenu = el.menu; var tPos = topPos(el.menu) + menu.offsetHeight; if ((document.body.offsetHeight - tPos) >= el.menu.offsetHeight) { el.menu.style.pixelTop = (ie5) ? el.offsetHeight + 1 : menu.offsetHeight - el.offsetTop - 2; dir = 2; } else { el.menu.style.pixelTop = (ie5) ? el.offsetTop - el.menu.offsetHeight - 1 : el.offsetTop - el.menu.offsetHeight + 2; dir = 8; } el.menu.style.pixelLeft = (ie5) ? el.offsetLeft - 2 : el.offsetLeft; show(el.menu, dir); showWindowedObjects(salah); } } fungsi showSubMenu(el,tampilkan) { var dir = 2; suhu = el; daftar = el.anak-anak.tags("TD"); el = daftar[daftar.panjang-1]; if (el.menu == null) el.menu = getChildren(el); temp.subMenu = el.menu; if ((el.menu != activeMenu) && (tampilkan)) { 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; dir = 6; } else { el.menu.style.left = - el.menu.offsetWidth + 3; dir = 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; lain 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); } else { tampilkan(el.menu ,dir); activeSub = nol; } } fungsi topPos(el) { var temp = el; var y = 0; while (temp.id!="menu") { temp = temp.offsetParent; y += suhu.offsetTop; } kembalikan kamu; } fungsi leftPos(el) { var temp = el; var x = 0; while (temp.id!="menu") { temp = temp.offsetParent; x += temp.offsetKiri; } kembalikan x + el.offsetParent.offsetWidth; } fungsi tampilkan(el, dir) { if (typeof(fade) == "fungsi") fade(el, true); else if (typeof(swipe) == "fungsi") { tempElSwipe = el; tempDirSwipe = dir; el.style.visibility = "terlihat"; el.style.visibility = "tersembunyi"; window.setTimeout("tempSwipe()", 0); // geser(el, dir); } else el.style.visibility = "terlihat"; } var tempElSwipe, tempDirSwipe; fungsi tempSwipe() { geser(tempElSwipe, tempDirSwipe); } fungsi showSub(el ,dir) { tampilkan(el, dir); // geser(el, dir); // memudar(el, benar); // el.style.visibility = "terlihat"; } function cleanup(menu,hide) { if (menu.activeItem) { //Jika Anda pernah ke sini sebelumnya if ((menu.activeItem.className == "sub") && (menu.activeItem.subMenu)){ / /Item aktif memiliki pembersihan submenu(menu.activeItem.subMenu, true); //Bersihkan juga sub-subnya } menuItemNormal(menu.activeItem); } if (sembunyikan) { sembunyikanMenu(menu); } } function hideMenu(el) { if (typeof(fade) == "fungsi") { fade(el, false); // jendela.setTimeout(fadeTimer); } else if (typeof(swipe) == "fungsi") { hideSwipe(el); } else el.style.visibility = "tersembunyi"; } fungsi getChildren(el) { var tList = el.children.tags("TABEL"); kembalikan tList[0]; } var dragObject = nol; var dragObjectPos = "atas"; var tx; var ty; window.onload=fixSize; window.onresize=fixSize; fungsi fixSize() { if (dragObjectPos == "top") { outerDiv.style.top = menu.offsetHeight; outerDiv.style.height = document.body.clientHeight - menu.offsetHeight; } else if( dragObjectPos == "bawah") { outerDiv.style.top = 0; outerDiv.style.height = document.body.clientHeight - menu.offsetHeight; menu.style.top = document.body.clientHeight - menu.offsetHeight; } else { outerDiv.style.top = 0; outerDiv.style.height=dokumen.body.clientHeight; } } fungsi document.onmousedown() { if(window.event.srcElement.id == "handle") { dragObject = document.all[window.event.srcElement.getAttribute("for")]; Memulihkan(); //Sembunyikan menu sambil bergerak ty = (window.event.clientY - dragObject.style.pixelTop); window.event.returnValue = salah; window.event.cancelBubble = benar; } else { dragObject = null; } } fungsi dokumen.onmouseup() { if(dragObject) { dragObject = null; } } fungsi document.onmousemove() { if(dragObject) { if(window.event.clientX >= 0) { if((window.event.clientY - ty) <= 15) { dragObject.style.border = "0 tampilan tombol padat"; dragObject.style.lebar = "100%"; dragObject.style.top = 0; dragObject.style.kiri = 0; dragObjectPos = "atas"; perbaikanUkuran(); } else if ((window.event.clientY - ty) >= document.body.clientHeight - menu.offsetHeight - 15) { dragObject.style.border = "0 tampilan tombol padat"; dragObject.style.lebar = "100%"; dragObject.style.top = document.body.clientHeight - menu.offsetHeight; dragObject.style.kiri = 0; dragObjectPos="bawah"; perbaikanUkuran(); } else { dragObject.style.width = "10px"; dragObject.style.left = window.event.clientX; dragObject.style.top = window.event.clientY - ty; dragObject.style.border = "2px awal putih"; dragObjectPos = "mengambang"; perbaikanUkuran(); } } else { dragObject.style.border = ""; dragObject.style.kiri = "0"; dragObject.style.top = "0"; } window.event.returnValue = salah; window.event.cancelBubble = benar; } } fungsi showWindowedObjects(show) { if (hideWindowedControls) { var windowedObjectTags = new Array("SELECT", "IFRAME", "OBJECT", "APPLET","EMBED"); var windowedObjects = Array baru(); varj=0; for (var i=0; i<windowedObjectTags.length; i++) { var tmpTags = document.all.tags(windowedObjectTags[i]); if (tmpTags.length > 0) { for (var k=0; k<tmpTags.length; k++) { windowedObjects[j++] = tmpTags[k]; } } } for (var i=0; i<windowedObjects.length; i++) { if (!show) windowedObjects[i].visBackup = (windowedObjects[i].style.visibility == null) ? "terlihat": windowedObjects[i].style.visibility; windowedObjects[i].style.visibility = (tunjukkan) ? windowedObjects[i].visBackup : "tersembunyi"; } } } </SCRIPT> <TABEL cellSpacing=1 id=menu onclick=menuClick() onmouseout=menuOut() onmouseover=menuOver() onselectstart="return false"> <TBODY> <TR id=menubar> <TD class= dinonaktifkan style="PADDING-LEFT: 0px; PADDING-RIGHT: 1px"> <DIV class=disabled id=handle style="HEIGHT: 100%; LEFT: 3px; WIDTH: 3px" title="Pindahkan saya!" for="menu"></DIV></TD> <TD class=root>HOME <TABLE cellSpacing=0 class=menu style="VISIBILITY: tersembunyi"> <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: tersembunyi"> <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="Ini sangat mudah"> <TD></TD> <TD>LINK</TD> <TD></TD> </TR> </TBODY> </TABLE> < /TD> <TD class=root>Bantuan <TABLE cellSpacing=0 class=menu style="VISIBILITY: tersembunyi"> <TBODY> <TR href="javascript:alert('www.downcodes.com')"> <TD ></TD> <TD>Tentang</TD> <TD></TD></TR></TBODY></TABLE></TD> <TD class=disabled width="100%"> </ TD></TR></TBODY></TABLE> <DIV id=outerDiv>
