日本語
<!-- 如下代码追加<body> 領域中 --> <!-- web http://www.downcodes.com --> <!-- bbs http://www.downcodes.com/bbs- -> <style rel=stylesheet type=text/css> BODY { BORDER-BOTTOM: 0px;ボーダー左: 0px;ボーダー右: 0px;ボーダートップ: 0px;マージン: 0px; color: buttontext } #menu { BACKGROUND: buttonface; BORDER-BOTTOM: buttonface 1px ソリッド。ボーダー左: ボタンフェイス 1 ピクセルのソリッド。 BORDER-RIGHT: ボタンフェイス 1px ソリッド。 BORDER-TOP: ボタンフェイス 1 ピクセルのソリッド。カーソル: デフォルト;左: 0ピクセル;位置: 絶対的;トップ: 0px } #menu .menu { 背景: buttonface; BORDER-BOTTOM: ボタンハイライト 2 ピクセルの開始;ボーダー左: ボタンハイライト 2 ピクセルのアウトセット; BORDER-RIGHT: ボタンハイライト 2 ピクセルの開始; BORDER-TOP: ボタンハイライト 2 ピクセルの開始; POSITION: 絶対 } #menu TD { FONT: メニュー; HEIGHT: 20px } #menu .root { BORDER-BOTTOM: buttonface 1pxソリッド;ボーダー左: ボタンフェイス 1 ピクセルのソリッド。 BORDER-RIGHT: ボタンフェイス 1px ソリッド。 BORDER-TOP: ボタンフェイス 1 ピクセルのソリッド。マージン: 6px;パディングボトム: 1px;パディング左: 7px;パディング右: 7px; PADDING-TOP: 1px } #menu .icon { TEXT-ALIGN: center } #menu .disabled { COLOR: buttonshadow } #menu .more { FONT-FAMILY: webdings;テキスト整列: 右; WIDTH: 20px } #menu #handle { BORDER-BOTTOM: buttonshadow 1px ソリッド;ボーダー左: ボタンハイライト 1px ソリッド; BORDER-RIGHT: buttonshadow 1px ソリッド。 BORDER-TOP: ボタンハイライト 1px ソリッド;カーソル: 移動;マージン: 0px;パディングボトム: 0px;パディング左: 0px;パディング右: 0px; PADDING-TOP: 0px } #outerDiv { BORDER-BOTTOM: 白の 2px インセット;ボーダー左: 白の 2 ピクセルのインセット。 BORDER-RIGHT: 白の 2 ピクセルのインセット。 BORDER-TOP: 白の 2 ピクセルのインセット。高さ: 90%;オーバーフロー: 自動;位置: 絶対的;幅: 100%; Z-INDEX: -1 } </style> <SCRIPT> var activeMenu = null; var activeSub = null;変数温度;変数; var HideWindowedControls = true; var ie5 = (document.getElementsByTagName != null); function menuItemHighlight(el) { el.style.background = "ハイライト"; el.style.color = "ハイライトテキスト";関数 menuItemNormal(el) { el.style.background = ""; el.style.color = ""; } function raiseButton(el) { el.style.borderTop ="1 個のソリッド ボタンハイライト"; el.style.borderLeft ="1 個の実線ボタンハイライト"; el.style.borderBottom ="1 個の実線ボタンシャドウ"; el.style.borderRight ="1 個のソリッド ボタンシャドウ"; el.style.padding ="1"; el.style.paddingLeft = "7"; el.style.paddingRight = "7"; function NormalButton(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(true);関数 getMenuItem(el) { temp = el; while ((temp!=null) && (temp.tagName!="TABLE") && (temp.id!="menubar") && (temp.id!="menu") && (temp.id!="ハンドル")) { if ((temp.tagName=="TR") || (temp.className=="root")) el = temp; temp = temp.parentElement;エルを返します。関数 getSub(el) { temp = el; while ((temp!=null) && (temp.className != "sub")) { if (temp.tagName=="TABLE") el = temp; temp = temp.parentElement;エルを返します。 } function menuClick() { if (event.srcElement == null) return; var el=getMenuItem(event.srcElement); if ((el.className != "disabled") && (el.id != "menubar")){ if (el.className == "root") { if (activeMenu) { raiseButton(el); showWindowedObjects(true); else pressedButton(el);トグルメニュー(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);それ以外の場合、window.location = el.href; window.event.cancelBubble = true; } function Restore() { if (activeMenu) { toggleMenu(activeMenu.parentElement); cleanUpMenuBar(); document.onclick=復元; function menuOver() { if ((event.fromElement == null) || (event.toElement == null) || (event.fromElement ==event.toElement)) return; var fromEl = getMenuItem(event.fromElement); var toEl = getMenuItem(event.toElement); if (fromEl == toEl) が戻る; if ((toEl.className != "無効") && (toEl.id != "メニューバー")){ if (toEl.className == "root") { if (activeMenu) { if (toEl.menu != activeMenu ) { cleanUpMenuBar();押されたボタン(toEl); toggleMenu(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); function menuOut() { if ((event.fromElement == null) || (event.toElement == null) || (event.fromElement ==event.toElement)) return; var fromEl = getMenuItem(event.fromElement); var toEl = getMenuItem(event.toElement); if (fromEl == toEl) が戻る; if (fromEl.className == "root"){ if (activeMenu) { if (fromEl.menu != activeMenu)normalButton(fromEl);それ以外の場合はnormalButton(fromEl); } else { if ((fromEl.className != "無効") && (fromEl.id != "メニューバー")){ if ((fromEl.className == "sub") && (getSub(toEl) == fromEl. subMenu) || (fromEl.subMenu == toEl.parentElement.parentElement)) return; else if ((fromEl.className == "sub")){ cleanup(fromEl.subMenu, true); menuItemNormal(fromEl); else if ((fromEl != toEl) && (fromEl.tagName != "TABLE")) menuItemNormal(fromEl); window.status = ""; function toggleMenu(el) { if (el.menu == null) el.menu = getChildren(el); if (el.menu == activeMenu) { if (activeSub) menuItemNormal(activeSub.parentElement.parentElement);クリーンアップ(el.menu,true);アクティブメニュー = null;アクティブサブ = null; // showWindowedObjects(true); } else { if (activeMenu) { cleanup(activeMenu,true);非表示メニュー(アクティブメニュー);アクティブメニュー = 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;ディレクトリ = 2; } else { 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; show(el.menu, dir); showWindowedObjects(false);関数 showSubMenu(el,show) { var dir = 2;温度 = エル;リスト = el.children.tags("TD"); el = リスト[リストの長さ-1]; if (el.menu == null) el.menu = getChildren(el); temp.subMenu = el.menu; if ((el.menu != activeMenu) && (show)) { 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; } else { 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; else 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 { show(el.menu ,dir);アクティブサブ = null;関数topPos(el) { var temp = el;変数y = 0; while (temp.id!="menu") { temp = temp.offsetParent; y += temp.offsetTop; yを返します。関数 leftPos(el) { var temp = el; var x = 0; while (temp.id!="menu") { temp = temp.offsetParent; x += temp.offsetLeft; x + el.offsetParent.offsetWidth を返します。 } function show(el, dir) { if (typeof(fade) == "関数") fade(el, true); else if (typeof(swipe) == "関数") { tempElSwipe = el; tempDirSwipe = ディレクトリ; el.style.visibility = "可視"; el.style.visibility = "非表示"; window.setTimeout("tempSwipe()", 0); // スワイプ(el, dir); else el.style.visibility = "可視"; var tempElSwipe、tempDirSwipe;関数 tempSwipe() { スワイプ (tempElSwipe, tempDirSwipe);関数 showSub(el ,dir) { show(el, dir); // スワイプ(el, dir); // fade(el, true); // el.style.visibility = "可視"; } function cleanup(menu,hide) { if (menu.activeItem) { //以前にここに来たことがある場合 if ((menu.activeItem.className == "sub") && (menu.activeItem.subMenu)){ / /アクティブな項目にはサブメニューがあります cleanup(menu.activeItem.subMenu, true); //サブもクリーンアップします } menuItemNormal(menu.activeItem); if (非表示) {非表示メニュー(メニュー); function hideMenu(el) { if (typeof(fade) == "関数") { fade(el, false); // window.setTimeout(fadeTimer); else if (typeof(swipe) == "関数") { hideSwipe(el); else el.style.visibility = "hidden";関数 getChildren(el) { var tList = el.children.tags("TABLE"); tList[0]を返します; var ドラッグオブジェクト = null; varragObjectPos = "トップ"; var tx;バーティ。 window.onload=fixSize; window.onresize=fixSize; function fixSize() { if (dragObjectPos == "top") { innerDiv.style.top = menu.offsetHeight; externalDiv.style.height = document.body.clientHeight - menu.offsetHeight; } else if(dragObjectPos == "bottom") {outerDiv.style.top = 0; externalDiv.style.height = document.body.clientHeight - menu.offsetHeight; menu.style.top = document.body.clientHeight - menu.offsetHeight; } else {outerDiv.style.top = 0; externalDiv.style.height=document.body.clientHeight; } } function document.onmousedown() { if(window.event.srcElement.id == "ハンドル") {ragObject = document.all[window.event.srcElement.getAttribute("for")];復元する（）; //移動中にメニューを非表示にする ty = (window.event.clientY -ragObject.style.pixelTop); window.event.returnValue = false; window.event.cancelBubble = true; } else {ドラッグオブジェクト = null; } } 関数 document.onmouseup() { if(dragObject) {ragObject = null; } } 関数 document.onmousemove() { if(dragObject) { if(window.event.clientX >= 0) { if((window.event.clientY - ty) <= 15) {ragObject.style.border = "0ソリッドボタンフェイス"; ragObject.style.width = "100%";ドラッグオブジェクト.スタイル.トップ = 0;ドラッグオブジェクト.style.left = 0; ragObjectPos = "トップ"; fixSize(); } else if ((window.event.clientY - ty) >= document.body.clientHeight - menu.offsetHeight - 15) {ragObject.style.border = "0 ソリッド ボタンフェイス"; ragObject.style.width = "100%"; ragObject.style.top = document.body.clientHeight - menu.offsetHeight;ドラッグオブジェクト.style.left = 0;ドラッグオブジェクト位置 = "下"; fixSize(); } else {ragObject.style.width = "10px"; ragObject.style.left = window.event.clientX; ragObject.style.top = window.event.clientY - ty; ragObject.style.border = "2px アウトセット白"; ragObjectPos = "フロート"; fixSize(); } } else {ragObject.style.border = ""; ragObject.style.left = "0";ドラッグオブジェクト.スタイル.トップ = "0"; window.event.returnValue = false; window.event.cancelBubble = true; } } function showWindowedObjects(show) { if (hideWindowedControls) { var windowedObjectTags = new Array("SELECT", "IFRAME", "OBJECT", "APPLET","EMBED"); var windowedObjects = 新しい Array(); var 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) ? "visible" : 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= disabled 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">リンク</TD> </TR> </TBODY> </TABLE> </TD> </TR> <TR class=disabled> <TDcolSpan=3> <HR > </TD> </TR> <TR href="javascript:alert('可改一链接')"> <TD></TD> <TD>LINK</TD> <TD></TD> </TR> <TR title="とても簡単です"> <TD></TD> <TD>リンク</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></TR></TBODY></TABLE> <DIV id=outerDiv>
