Español
<!-- http://bbs.downcodes.com/ --> <!--Para lograr este efecto, se requieren dos pasos. El primer paso es agregar el siguiente código al área <head> --> <. script> documento .onmouseover = doOver; document.onmouseout = doOut; document.onmousedown = doDown; document.onmouseup = doUp; función doOver() { var toEl = getReal(window.event.toElement, "className", "coolButton") ; var fromEl = getReal(window.event.fromElement, "className", "coolButton"); if (toEl == fromEl) return; var el = toEl var cDisabled = el.cDisabled; ; // Si el atributo CDISABLED está presente 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"); var fromEl = getReal(window.event.fromElement, " className", "coolButton"); if (toEl == fromEl) return; var el = fromEl; var cDisabled = el.cDisabled; cDisabled = (cDisabled != null); // Si el atributo CDISABLED está presente var cToggle = el. cToggle; toggle_disabled = (cToggle != null); // Si el atributo CTOGGLE está presente if (cToggle && el.value) { makePressed(el); makeGray(el } 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); // Si el atributo CDISABLED está presente if ((el.className == "coolButton") &&!cDisabled) { makePressed(el) } } function doUp() { el = getReal (window. event.srcElement, "className", "coolButton"); var cDisabled = el.cDisabled; cDisabled = (cDisabled! = null); // Si el atributo CDISABLED está presente if ((el.className == "coolButton"); ) && ! cDisabled) { makeRaised(el); } } function getReal(el, tipo, valor) { temp = el while ((temp != null) && (temp.tagName != "BODY")) { if ( eval(" temp." + tipo) == valor) { el = temp; return el } temp = temp.parentElement } return el } function findChildren(el, tipo, valor) { var niños = el.children; var tmp = new Array(); var j=0; for (var i=0; i<children.length; i++) { if (eval("children[i]." + tipo + "=="" + valor + " "")) { tmp[tmp.length] = niños[i]; } tmp = tmp.concat(findChildren(niños[i], tipo, valor)); } devolver tmp; } función desactivar(el ) { if (document.readyState != "complete") { window.setTimeout("disable(" + el.id + ")", 100); // Si el documento no se terminó de procesar, intente regresar más tarde; el.cDisabled ; cDisabled = (cDisabled != null); // Si el atributo CDISABLED está presente if (!cDisabled) { el.cDisabled = true; ; altura: 100%; alineación de texto: centro;">' + '<span style="filter:Mask(Color=buttonface) DropShadow(Color=buttonhighlight, OffX=1, OffY=1, Positive=0); : 100% ; ancho: 100%%; alineación de texto: centro;">' + el.innerHTML + '</span>' + '</span>'; if (el.onclick != null) { el. cDisabled_onclick = el .onclick; el.onclick = null; } } } function enable(el) { var cDisabled = el.cDisabled = (cDisabled! = null); .cDisabled = nulo; el.innerHTML = el.children[0].children[0].innerHTML; if (el.cDisabled_onclick! = nulo) { el.onclick = el.cDisabled_onclick = nulo; function addToggle( el) { var cDisabled = el.cDisabled; cDisabled = (cDisabled!= null); // Si el atributo CDISABLED está presente var cToggle = el.cToggle = (cToggle!= null); está presente if (!cToggle &&!cDisabled) { el.cToggle = true; if (el.value == null) el.value = 0; // Comienza como no presionado if (el.onclick!= null) el. cToggle_onclick = el .onclick; // Copia de seguridad del 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); // Si el atributo CDISABLED está presente var cToggle = el.cToggle; cToggle = (cToggle != null); // Si el atributo CTOGGLE está presente if (cToggle &&!cDisabled) { el.cToggle = null; if (el.value) { toggle(el } makeFlat(el); .onclick = el.cToggle_onclick; el.cToggle_onclick = null; } } } función alternar(el) { el.value = !el.value if (el.value) el.style.background = "URL(/images/tileback; .gif) "; else el.style.backgroundImage = ""; // doOut(el); } function makeFlat(el) { with (el.style) { background = ""; border = "botón sólido de 1px"; padding = "1px "; } } function makeRaised(el) { with (el.style) { borderLeft = "botón resaltado sólido de 1px"; borderRight = "sombra de botón sólido de 1px"; "; padding = "1px"; } } function makePressed(el) { with (el.style) { borderLeft = "sombra de botón sólida de 1px"; borderRight = "resaltado de botón sólido de 1px"; borderTop = "sombra de botón sólida de 1px"; borderBottom = " Resaltado de botón sólido de 1 px "; paddingTop = "2px"; paddingLeft = "2px"; paddingBottom = "0px"; paddingRight = "0px"; } } function makeGray(el,b) { var filtval; if (b) filtval = "gris ()" ; else filtval = ""; var imgs = findChildren(el, "tagName", "IMG"); for (var i=0; i<imgs.length; i++) { imgs[i].style.filter = filtval; } } document.write("<estilo>"); document.write(".coolBar {fondo: cara del botón; borde superior: resaltado de botón sólido de 1 px; borde izquierdo: resaltado de botón sólido de 1 px; borde inferior: resaltado de botón sólido de 1 px sombra de botón; borde -derecha: sombra de botón sólida de 1 px; relleno: 2 px; fuente: menú;}"); document.write(".coolButton {borde: cara de botón sólida de 1 px; relleno: 1 px; alineación de texto: centro; cursor: predeterminado; }") ; document.write(".coolButton IMG {filtro: gray();}"); document.write("</style>"); </script> <!--Paso 2: agregue el siguiente código a < body>area--> <table class="coolBar"> <tr> <td class="coolButton"> <font size="3"><b><font color="#000000">Inicio</ font </b></font> </td> <td class="coolButton"> <font size="3"><b><font color="#000000">Enlace</font></b > </font> </td> </tr> </table>
