Español
<HTML> <HEAD> <TITLE></TITLE> <META content="text/html; charset=gb2312" http-equiv=Content-Type> <META content="MSHTML 5.00.2920.0" name=GENERADOR> <script > <!-- // función de objeto de menú contextMenu() { this.items = new Array(); this.addItem = función (elemento) { this.items[this.items.length] = elemento; } this.show = function (oDoc) { var strShow = ""; var i; strShow = "<div id="menú derecho" estilo="COLOR DE FONDO: #ffffff; BORDE: #000000 1px sólido; IZQUIERDA: 0px; POSICIÓN: absoluta; ARRIBA: 0px; VISIBILIDAD: oculta; ÍNDICE Z: 10">"; strShow += "<table border="0" height=""; strShow += this.items.length * 20; strShow += "" cellpadding="0" cellpacing="0" >"; strShow += "<tr altura="3"><td bgcolor="#d0d0ce" ancho="2"></td><td>"; strShow += "<table border="0" width="100%" height="100%" cellpadding=0 cellpacing=0 bgcolor="#ffffff">"; strShow += "<tr><td bgcolor="#d0d0ce" width="23"></td><td><img src=" " height="1" border= "0"></td></tr></table>"; strShow += "</td><td width="2"></td></tr>"; strShow += "<tr><td bgcolor="#d0d0ce"></td><td>"; strShow += "<table border="0" width="100%" height="100%" cellpadding=3 cellpacing=0 bgcolor="#ffffff">"; oDoc.write(strShow); for(i=0; i<this.items.length; i++) { this.items[i].show(oDoc); } strShow = "</table></td><td></td></tr>"; strShow += "<tr altura="3"><td bgcolor="#d0d0ce"></td><td>"; strShow += "<table border="0" width="100%" height="100%" cellpadding=0 cellpacing=0 bgcolor="#ffffff">"; strShow += "<tr><td bgcolor="#d0d0ce" width="23"></td><td><img src=" " height="1" border= "0"></td></tr></table>"; strShow += "</td><td></td></tr>"; strShow += "</table></div>n"; oDoc.write(strShow); } } // menú Elemento objeto función contextoItem(texto, icono, cmd, tipo) { this.text = texto? texto : ""; this.icon = icono? icono: ""; esto.cmd = cmd? cmd: ""; este.tipo = tipo? escriba: "menú"; this.show = function (oDoc) { var strShow = ""; if(this.type == "menú") { strShow += "<tr "; strShow += "onmouseover="changeStyle(this, 'on');" "; strShow += "onmouseout="changeStyle(this, 'out');" "; strShow += "onclick=""; strShow += this.cmd; strShow += "">"; strShow += "<td class="ltdexit" ancho="16">"; if (this.icon == "") strShow += " "; else { strShow += "<img border="0" src=""; strShow += this.icon; strShow += "" ancho="16" alto="16" estilo= "POSICIÓN: relativa"></img>"; } strShow += "</td><td class="mtdexit">"; strShow += this.text; strShow += "</td><td class="rtdexit" ancho="5"> </td></tr>"; } else if (this.type == "separator") { strShow += "<tr><td class="ltdexit"> </td>"; strShow += "<td class="mtdexit" colspan="2"><hr color="#000000" size="1"></td></tr>"; } oDoc.write(strShow); } } función cambiarEstilo(obj, cmd) { if(obj) intentar { var imgObj = obj.children(0).children(0); if(cmd == 'on') { obj.children(0).className = "ltdfocus"; obj.children(1).className = "mtdfocus"; obj.children(2).className = "rtdfocus"; if(imgObj) { if(imgObj.tagName.toUpperCase() == "IMG") { imgObj.style.left = "-1px"; imgObj.style.top = "-1px"; } } } else if(cmd == 'out') { obj.children(0).className = "ltdexit"; obj.children(1).className = "mtdexit"; obj.children(2).className = "rtdexit"; if(imgObj) { if(imgObj.tagName.toUpperCase() == "IMG") { imgObj.style.left = "0px"; imgObj.style.top = "0px"; } } } } catch (e) {} } función showMenu() { var x, y, w, h, ox, oy; x = evento.clienteX; y = evento.clienteY; var obj = document.getElementById("menú derecho"); si (obj == nulo) devuelve verdadero; buey = documento.body.clientWidth; oy = documento.cuerpo.clientHeight; if(x > buey || y > oy) devuelve falso; w = obj.offsetWidth; h = obj.offsetHeight; si((x + w) > buey) x = x - w; si((y + h) > oy) y = y - h; obj.style.posLeft = x + document.body.scrollLeft; obj.style.posTop = y + document.body.scrollTop; obj.style.visibility = "visible"; devolver falso; } función hideMenu() { if(event.button == 0) { var obj = document.getElementById("menú derecho"); si (obj == nulo) devuelve verdadero; obj.style.visibility = "oculto"; obj.style.posLeft = 0; obj.style.posTop = 0; } } función writeStyle() { var strStyle = ""; strStyle += "<tipo de ESTILO=texto/css>"; strStyle += "TABLE {FAMILIA DE FUENTES: "Tahoma","Verdana","宋体"; TAMAÑO DE FUENTE: 9pt}"; strStyle += ".mtdfocus {COLOR DE FONDO: #ccccff; BORDE INFERIOR: #000000 1px sólido; BORDE SUPERIOR: #000000 1px sólido; CURSOR: mano}"; strStyle += ".mtdexit {COLOR DE FONDO: #ffffff; BORDE INFERIOR: #ffffff 1px sólido; BORDE SUPERIOR: #ffffff 1px sólido}"; strStyle += ".ltdfocus {COLOR DE FONDO: #ccccff; BORDE INFERIOR: #000000 1px sólido; BORDE SUPERIOR: #000000 1px sólido; BORDE IZQUIERDO: #000000 1px sólido; CURSOR: mano}"; strStyle += ".ltdexit {COLOR DE FONDO: #d0d0ce; BORDE INFERIOR: #d0d0ce 1px sólido; BORDE SUPERIOR: #d0d0ce 1px sólido; BORDE IZQUIERDO: #d0d0ce 1px sólido}"; strStyle += ".rtdfocus {COLOR DE FONDO: #ccccff; BORDE INFERIOR: #000000 1px sólido; BORDE SUPERIOR: #000000 1px sólido; BORDE DERECHO: #000000 1px sólido; CURSOR: mano}"; strStyle += ".rtdexit {COLOR DE FONDO: #ffffff; BORDE INFERIOR: #ffffff 1px sólido; BORDE SUPERIOR: #ffffff 1px sólido; BORDE DERECHO: #ffffff 1px sólido}"; strStyle += "</ESTILO>"; documento.write(strStyle); } function makeMenu() { var myMenu, elemento; var homepage_cmd = "this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.downcodes.com/'); return false;"; var favorate_cmd = "window.external.addFavorite('http://www.downcodes.com/','建站学院'); return false;"; var viewcode_cmd = "ventana.ubicación = 'vista-fuente:' + ventana.ubicación.href"; miMenú = nuevo menú contextual(); elemento = nuevo contextoItem("返回主页", "", "top.location='http://www.downcodes.com/';", "menú"); myMenu.addItem(elemento); elemento = nuevo contextoItem("设为主页", "", homepage_cmd, "menú"); myMenu.addItem(elemento); elemento = nuevo contextoItem("添加到收藏夹", "", favorate_cmd, "menú"); myMenu.addItem(elemento); item = new contextItem("联系作者", "", "location.href='mailto:info@downcodes.com'", "menú"); myMenu.addItem(elemento); elemento = nuevo contextoItem("", "", "", "separador"); myMenu.addItem(elemento); elemento = nuevo contextoItem("察看源码", "", viewcode_cmd, "menú"); myMenu.addItem(elemento); myMenu.show(este.documento); eliminar elemento; eliminar miMenú; } función toggleMenu(isEnable) { if(isEnable) document.oncontextmenu = showMenu; else document.oncontextmenu = nueva función() {return true;}; } escribirEstilo(); crearMenú(); document.onclick = ocultarMenú; document.oncontextmenu = mostrarMenú; file://--> </script> </HEAD> <body marginwidth="0" marginheight="0" leftmargin="0" topmargin="0"> <table border="0" width="100% " altura="100%" cellpadding="0" cellpacing="3"> <tr><td valign="top"> <div id="docBoard" style="width: 100%"> 超酷的XP风格的网页右键菜单特效代码http://www.downcodes.com/htmldata/sort/5.html </div> </td> <td valign="top" align="right"> <p><tipo de entrada ="casilla de verificación" nombre="closerm" onclick="toggleMenu(!this.checked);">关闭右键菜单</p> </td> </tr> </table> </body> </HTML>
