Русский
<!-- 把如下代码加入<body>区域中 --> <!-- веб-сайт http://www.downcodes.com --> <!-- bbs http://www.downcodes.com/bbs- -> <style rel=stylesheet type=text/css> BODY { BORDER-BOTTOM: 0px; ГРАНИЦА-ЛЕВА: 0 пикселей; ГРАНИЦА-ПРАВА: 0 пикселей; ГРАНИЦА-ВЕРХ: 0 пикселей; ПОЛЯ: 0 пикселей; цвет: текст кнопки } #menu { BACKGROUND: buttonface; ГРАНИЦА-НИЖНЯЯ: поверхность кнопки 1 пиксель, сплошная; СЛЕВА-ГРАНИЦА: размер кнопки 1 пиксель, сплошной; BORDER-RIGHT: размер кнопки 1 пиксель, сплошной; BORDER-TOP: кнопка размером 1 пиксель, сплошная; КУРСОР: по умолчанию; СЛЕВА: 0 пикселей; ПОЛОЖЕНИЕ: абсолютное; ВЕРХУ: 0 пикселей } #menu .menu { ФОН: buttonface; BORDER-BOTTOM: выделение кнопки на расстоянии 2 пикселей; BORDER-LEFT: выделение кнопки от начала до 2 пикселей; BORDER-RIGHT: выделение кнопки от начала до 2 пикселей; BORDER-TOP: начало выделения кнопки на 2 пикселя; ПОЛОЖЕНИЕ: абсолютное } #menu TD { ШРИФТ: меню; ВЫСОТА: 20 пикселей } #menu .root { ГРАНИЦА-НИЖНЯЯ: поверхность кнопки 1 пиксель сплошная; СЛЕВА-ГРАНИЦА: размер кнопки 1 пиксель, сплошной; BORDER-RIGHT: размер кнопки 1 пиксель, сплошной; BORDER-TOP: кнопка размером 1 пиксель, сплошная; ПОЛЯ: 6 пикселей; ЗАПОЛНЕНИЕ-НИЖНЯЯ: 1 пиксель; ЗАПОЛНЕНИЕ СЛЕВА: 7 пикселей; ЗАПОЛНЕНИЕ-ПРАВО: 7 пикселей; PADDING-TOP: 1px } #menu .icon { TEXT-ALIGN: center } #menu .disabled { COLOR: buttonshadow } #menu .more { FONT-FAMILY: webdings; ВЫРАВНИВАНИЕ ТЕКСТА: вправо; ШИРИНА: 20 пикселей } #menu #handle { ГРАНИЦА-НИЗ: buttonshadow 1 пиксель сплошной; BORDER-LEFT: подсветка кнопки 1 пиксель сплошная; BORDER-RIGHT: тень кнопки 1 пиксель сплошная; BORDER-TOP: выделение кнопки 1 пиксель сплошное; КУРСОР: двигаться; ПОЛЯ: 0 пикселей; ЗАПОЛНЕНИЕ-НИЖНЯЯ: 0 пикселей; ЗАПОЛНЕНИЕ-ЛЕВО: 0 пикселей; ЗАПОЛНЕНИЕ-ПРАВО: 0 пикселей; PADDING-TOP: 0 пикселей } #outerDiv { BORDER-BOTTOM: белая вставка размером 2 пикселя; ГРАНИЦА-ЛЕВА: белая вставка толщиной 2 пикселя; BORDER-RIGHT: белая вставка толщиной 2 пикселя; BORDER-TOP: белая вставка толщиной 2 пикселя; ВЫСОТА: 90%; ПЕРЕПОЛНЕНИЕ: авто; ПОЛОЖЕНИЕ: абсолютное; ШИРИНА: 100%; Z-INDEX: -1 } </style> <SCRIPT> var activeMenu = null; вар activeSub = ноль; вар темпЭл; вар т; вар скрытьWindowedControls = правда; var ie5 = (document.getElementsByTagName!= null); function menuItemHighlight(el) { el.style.background = "highlight"; el.style.color = "выделенный текст"; } function MenuItemNormal(el) { el.style.background = ""; el.style.color = ""; } function raiseButton(el) { el.style.borderTop ="1 сплошная кнопкаhighlight"; el.style.borderLeft ="1 сплошная подсветка кнопки"; el.style.borderBottom ="1 сплошная тень кнопки"; el.style.borderRight ="1 сплошная тень кнопки"; el.style.padding = "1"; el.style.paddingLeft = "7"; el.style.paddingRight = "7"; } functionnormalButton(el) { el.style.border = "1 сплошная кнопка"; el.style.padding = "1"; el.style.paddingLeft = "7"; el.style.paddingRight = "7"; } function PressedButton(el) { el.style.borderTop ="1 сплошная тень кнопки"; 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"; } function 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; 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.parentElement; } Вернуть эл; } Функция getSub(el) {temp = el; while ((temp!=null) && (temp.className != "sub")) { if (temp.tagName=="TABLE") el = temp; темп = temp.parentElement; } Вернуть эл; } Функция MenuClick() { if (event.srcElement == null) return; вар el = getMenuItem(event.srcElement); if ((el.className != "отключено") && (el.id != "menubar")){ if (el.className == "root") { if (activeMenu) { raiseButton(el); showWindowedObjects (истина); } Еще нажатая кнопка (эл); переключитьМеню (эл); } Еще если (el.href) { cleanUpMenuBar(); если (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); иначе window.location = el.href; } } window.event.cancelBubble = true; } function Restore() { if (activeMenu) { toggleMenu(activeMenu.parentElement); ОчиститьUpMenuBar(); } } document.onclick=Восстановить; function menuOver() { if ((event.fromElement == null) || (event.toElement == null) || (event.fromElement == event.toElement)) return; вар fromEl = getMenuItem(event.fromElement); вар toEl = getMenuItem(event.toElement); если (fromEl == toEl) return; if ((toEl.className != "отключено") && (toEl.id != "менюбар")){ if (toEl.className == "root") { if (activeMenu) { if (toEl.menu != activeMenu ) { cleanUpMenuBar(); нажатая кнопка (toEl); toggleMenu(toEl); } } Еще { raiseButton (toEl); } } else { if ((fromEl != toEl) && (toEl.tagName != "TABLE")) { cleanup(toEl.parentElement.parentElement, false); MenuItemHighlight (toEl); toEl.parentElement.parentElement.activeItem = toEl; если (toEl.href) window.status = toEl.href; если (toEl.className == "sub") showSubMenu(toEl,true); } } } } function MenuOut() { if ((event.fromElement == null) || (event.toElement == null) || (event.fromElement == event.toElement)) return; вар fromEl = getMenuItem(event.fromElement); вар toEl = getMenuItem(event.toElement); если (fromEl == toEl) return; if (fromEl.className == "root"){ if (activeMenu) { if (fromEl.menu != activeMenu)normalButton(fromEl); } Еще нормальная кнопка (fromEl); } else { if ((fromEl.className != "отключено") && (fromEl.id != "menubar")){ if ((fromEl.className == "sub") && (getSub(toEl) == fromEl. subMenu) || (fromEl.subMenu == toEl.parentElement.parentElement)) return; иначе, если ((fromEl.className == "sub")){ очистка(fromEl.subMenu, true); MenuItemNormal (изЭл); } else if ((fromEl != toEl) && (fromEl.tagName != "TABLE")) MenuItemNormal(fromEl); окно.статус = ""; } } } function toggleMenu(el) { if (el.menu == null) el.menu = getChildren(el); if (el.menu == activeMenu) { if (activeSub) menuItemNormal(activeSub.parentElement.parentElement); очистка (el.menu, true); активноеменю = ноль; активныйсуб = ноль; // showWindowedObjects(true); } Еще {если (activeMenu) { очистка (activeMenu, true); скрытьМеню (активноеМеню); } ActiveMenu = el.menu; вар tPos = topPos(el.menu) + menu.offsetHeight; if ((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; показать (эл.меню, каталог); showWindowedObjects (ложь); } } Функция showSubMenu(el,show) {var dir = 2; температура = эл; список = el.children.tags("TD"); эль = список[список.длина-1]; если (el.menu == null) el.menu = getChildren(el); temp.subMenu = эл.меню; if ((el.menu != activeMenu) && (показать)) { activeSub = el.menu; вар 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; } вар 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); активныйсуб = ноль; } } функция topPos(el) { var temp = el; вар у = 0; while (temp.id!="меню") { temp = temp.offsetParent; у += temp.offsetTop; } Вернуть у; } Функция leftPos(el) { var temp = el; вар х = 0; while (temp.id!="меню") { temp = temp.offsetParent; х += temp.offsetLeft; } Возврат х + el.offsetParent.offsetWidth; } function show(el, dir) { if (typeof(fade) == "function") Fade(el, true); иначе, если (typeof (проведите пальцем по экрану) == "функция") {tempElSwipe = el; tempDirSwipe = реж; el.style.visibility = "видимый"; el.style.visibility = "скрытый"; window.setTimeout("tempSwipe()", 0); // проведите пальцем (эль, реж); } Еще el.style.visibility = «видимый»; } Вар tempElSwipe, tempDirSwipe; функция tempSwipe() { проведите (tempElSwipe, tempDirSwipe); } Функция showSub(el, dir) { show(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); } Если (скрыть) { скрытьМеню (меню); } } function displayMenu(el) { if (typeof(fade) == "function") { Fade(el, false); // window.setTimeout(fadeTimer); } else if (typeof(swipe) == "function") {ideSwipe(el); } Еще el.style.visibility = «скрытый»; } function getChildren(el) { var tList = el.children.tags("TABLE"); вернуть список [0]; } Вар dragObject = NULL; вар dragObjectPos = "сверху"; вар ТХ; вар ты; window.onload=fixSize; window.onresize=fixSize; function fixSize() { if (dragObjectPos == "top") { externalDiv.style.top = Menu.offsetHeight; externalDiv.style.height = document.body.clientHeight - menu.offsetHeight; } Еще если (dragObjectPos == "дно") { externalDiv.style.top = 0; externalDiv.style.height = document.body.clientHeight - menu.offsetHeight; Menu.style.top = document.body.clientHeight - меню.offsetHeight; } Еще {outerDiv.style.top = 0; externalDiv.style.height = document.body.clientHeight; } } function 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; } } function document.onmouseup() { if(dragObject) {dragObject = null; } } function document.onmousemove() { if(dragObject) { if(window.event.clientX >= 0) { if((window.event.clientY - ty) <= 15) { dragObject.style.border = "0 сплошная кнопка"; dragObject.style.width = "100%"; перетаскиваниеОбъект.стиль.топ = 0; перетаскиваниеОбъект.стиль.лево = 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; перетаскиваниеОбъект.стиль.лево = 0; dragObjectPos="дно"; исправитьРазмер(); } else { dragObject.style.width = "10px"; dragObject.style.left = window.event.clientX; dragObject.style.top = window.event.clientY - ty; dragObject.style.border = "Начало белого цвета 2 пикселя"; dragObjectPos = «Плавающий»; исправитьРазмер(); } } else { dragObject.style.border = ""; dragObject.style.left = "0"; dragObject.style.top = "0"; } Window.event.returnValue = false; window.event.cancelBubble = правда; } } function showWindowedObjects(show) { if (hideWindowedControls) { var windowedObjectTags = new Array("SELECT", "IFRAME", "OBJECT", "APPLET", "EMBED"); вар windowedObjects = новый массив (); вар j=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) ? «видимый»: 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= отключенный стиль="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="ВИДИМОСТЬ: скрыто"> <TBODY> <TR href="javascript:alert('可以改成一个链接!')"> <TD></TD> <TD noWrap>LINK</TD> <TD></TD> </TR> <TR class=sub> <TD></TD> <TD noWrap>ССЫЛКА</TD> <TD> <TABLE cellSpacing=0 class=menu style="ВИДИМОСТЬ: скрыто"> <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="ВИДИМОСТЬ: скрыто"> <TBODY> <TR href="javascript:alert('www.downcodes.com')"> <TD ></TD> <TD>О программе</TD> <TD></TD></TR></TBODY></TABLE></TD> <TD class=disabled width="100%"> </ TD></TR></TBODY></TABLE> <DIV id=outerDiv>
