한국어
<!-- http://bbs.downcodes.com/ --> <!--이 효과를 얻으려면 두 단계가 필요합니다. 첫 번째 단계는 <head> 영역에 다음 코드를 추가하는 것입니다. --> < script> document .onmouseover = doOver; document.onmouseout = doDown; document.onmouseup = doUp; function doOver() { var toEl = getReal(window.event.toElement, "className", "coolButton") ; var fromEl = getReal(window.event.fromElement, "className", "coolButton"); if (toEl == fromEl) return; var cDisabled = el.cDisabled; ; // CDISABLED 속성이 존재하는 경우 if (el.className == "coolButton") el.onselectstart = new Function("return false"); if ((el.className == "coolButton") && !cDisabled) { makeRaised (el) ; makeGray(el,false); } } function doOut() { var toEl = getReal(window.event.toElement, "className", "coolButton"); className", "coolButton"); if (toEl == fromEl) return; var el = fromEl; var cDisabled = el.cDisabled; cDisabled = (cDisabled != null); // CDISABLED 속성이 존재하는 경우 var cToggle = el. cToggle; 토글_disabled = (cToggle != null); // CTOGGLE 속성이 있는 경우 if (cToggle && el.value) { makePressed(el,true) } else if ((el.className == " CoolButton") && !cDisabled) { makeFlat(el); makeGray(el,true); } } function doDown() { el = getReal(window.event.srcElement, "className", "coolButton"); var cDisabled = el .cDisabled; cDisabled = (cDisabled != null); // CDISABLED 속성이 존재하는 경우 if ((el.className == "coolButton") && !cDisabled) { makePressed(el) } } function doUp() { el = getReal (window.event.srcElement, "className", "coolButton"); var cDisabled = el.cDisabled; cDisabled = (cDisabled != null) // CDISABLED 속성이 존재하는 경우 ((el.className == "coolButton" ) && ! cDisabled) { makeRaised(el); } } function getReal(el, type, value) { temp = el; while ((temp != null) && (temp.tagName != "BODY")) { if ( eval(" temp." + type) == value) { el = temp; return el; } temp = temp.parentElement } return el; function findChildren(el, type, value) { var children = el.children; var tmp = new Array(); var j=0; for (var i=0; i<children.length; i++) { if (eval("children[i]." + type + "=="" + value + " "")) { tmp[tmp.length] = children[i]; } tmp = tmp.concat(findChildren(children[i], type, value)); } return tmp; } 함수 비활성화(el ) { if (document.readyState != "complete") { window.setTimeout("disable(" + el.id + ")", 100); // 문서 렌더링이 완료되지 않은 경우 나중에 시도하십시오. return; el.cDisabled ; cDisabled = (cDisabled != null); // CDISABLED 속성이 있는 경우 if (!cDisabled) { el.cDisabled = true; width: 100% ; 높이: 100%; text-align: center;">' + '<span style="filter:Mask(Color=buttonface) DropShadow(Color=buttonhighlight, OffX=1, OffY=1, Positive=0); : 100% ; 너비: 100%%; text-align: center;">' + el.innerHTML + '</span>' + '</span>'; if (el.onclick != null) { el. cDisabled_onclick = el .onclick = null; } } } function 활성화(el) { var cDisabled = el.cDisabled; cDisabled = (cDisabled != null) // CDISABLED 속성이 있는 경우 (cDisabled) .cDisabled = null; el.innerHTML = el.children[0].children[0].innerHTML; if (el.cDisabled_onclick != null) { el.onclick = el.cDisabled_onclick = null; function addToggle( el) { var cDisabled = el.cDisabled; cDisabled = (cDisabled != null); // CDISABLED 속성이 있는 경우 var cToggle = el.cToggle = (cToggle != null); 존재함 if (!cToggle && !cDisabled) { el.cToggle = true; if (el.value == null) el.value = 0; // 누르지 않은 상태로 시작 if (el.onclick != null) el. cToggle_onclick = el .onclick; // onclick 백업 else el.cToggle_onclick = ""; el.onclick = new Function("toggle(" + el.id +"); " + el.id + ".cToggle_onclick(); "); } } function RemoveToggle(el) { var cDisabled = el.cDisabled; cDisabled = (cDisabled != null); // CDISABLED 속성이 존재하는 경우 var cToggle = el.cToggle; cToggle = (cToggle != null); // CTOGGLE 속성이 존재하는 경우 if (cToggle && !cDisabled) { el.cToggle = null; if (el.value) {ggle(el) } makeFlat(el) if (el.cToggle_onclick != null); .onclick = el.cToggle_onclick; el.cToggle_onclick = null; } } } 함수 토글(el) { el.value = !el.value; if (el.value) el.style.Background = "URL(/images/tileback) .gif) "; else el.style.groundImage = ""; // doOut(el); } function makeFlat(el) { with (el.style) { background = ""; border = "1px solid 버튼페이스"; 패딩 = "1px "; } } function makeRaised(el) { with (el.style) { borderLeft = "1px solidbuttonhighlight"; borderRight = "1px solidbuttonshadow"; "; padding = "1px"; } } function makePressed(el) { with (el.style) { borderLeft = "1px 단색 버튼 그림자"; borderRight = "1px 단색 버튼 강조 표시"; borderTop = "1px 단색 버튼 그림자"; borderBottom = " 1px 단색 버튼 강조 표시 "; paddingTop = "2px"; paddingLeft = "2px"; paddingBottom = "0px"; paddingRight = "0px"; } } function makeGray(el,b) { var filtval; if (b) filtval = "회색 ()" ; else filtval = ""; var imgs = findChildren(el, "tagName", "IMG"); for (var i=0; i<imgs.length; i++) { imgs[i].style.filter = filtval; } } document.write("<style>"); document.write(".coolBar {배경: 버튼얼굴;border-top: 1px 솔리드 버튼하이라이트; border-left: 1px 솔리드 버튼하이라이트; border-bottom: 1px 솔리드 버튼섀도우; 테두리 -오른쪽: 1px 솔리드 버튼섀도우; 패딩: 2px; 글꼴: 메뉴;}"); document.write(".coolButton {테두리: 1px 솔리드 버튼페이스; 패딩: 1px; 텍스트 정렬: 중앙; 커서: 기본값; }") ; document.write(".coolButton IMG {filter: grey();}"); document.write("</style>"); </script> <!--2단계: 다음 코드를 추가합니다. < body>지역--> <table class="coolBar"> <tr> <td class="coolButton"> <font size="3"><b><font color="#000000">홈</ 글꼴 ></b></font> </td> <td class="coolButton"> <font size="3"><b><font color="#000000">링크</font></b > </font> </td> </tr> </table>
