js 网页右键菜单

时间：2022-06-25 20:51:50 编辑：袖梨来源：一聚教程网

提示：您可以先修改部分代码再运行

<HTML>
<HEAD>
<TITLE></TITLE>
<META content="text/html; charset=gb2312" http-equiv=Content-Type>
<META content="MSHTML 5.00.2920.0" name=GENERATOR>
<script>
<!--
// menu object
function contextMenu()
{
 this.items   = new Array();
 
 this.addItem = function (item)
 {
  this.items[this.items.length] = item;
 }

this.show = function (oDoc)
 {
  var strShow = "";
  var i;
  
  strShow = "<div id="rightmenu" style="BACKGROUND-COLOR: #ffffff; BORDER: #000000 1px solid; LEFT: 0px; POSITION: absolute; TOP: 0px; VISIBILITY: hidden; Z-INDEX: 10">";
  strShow += "<table border="0" height="";
  strShow += this.items.length * 20;
  strShow += "" cellpadding="0" cellspacing="0">";
  strShow += "<tr height="3"><td bgcolor="#d0d0ce" width="2"></td><td>";
  strShow += "<table border="0" width="100%" height="100%" cellpadding=0 cellspacing=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 += "<tr><td bgcolor="#d0d0ce"></td><td>";
  strShow += "<table border="0" width="100%" height="100%" cellpadding=3 cellspacing=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 ><td bgcolor="#d0d0ce"></td><td>";
  strShow += "<table border="0" width="100%" height="100%" cellpadding=0 cellspacing=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);
 }
}

// menu Item object
function contextItem(text, icon, cmd, type)
{
 this.text = text ? text : "";
 this.icon = icon ? icon : "";
 this.cmd = cmd ? cmd : "";
 this.type = type ? type : "menu";
 
 this.show = function (oDoc)
 {
  var strShow = "";
  
  if(this.type == "menu")
  {
   strShow += "<tr ";
   strShow += "onmouseover="changeStyle(this, 'on');" ";
   strShow += "onmouseout="changeStyle(this, 'out');" ";
   strShow += "onclick="";
   strShow += this.cmd;
   strShow += "">";
   strShow += "<td class="ltdexit" >";
   if (this.icon == "")
    strShow += " ";
   else {
    strShow += "<img  border="0" src="";
    strShow += this.icon;
    strShow += ""   style="POSITION: relative"></img>";
   }
   strShow += "</td><td class="mtdexit">";
   strShow += this.text;
   strShow += "</td><td class="rtdexit" > </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);
 }
}

function makeMenu()
{
 var myMenu, item;
 
 var homepage_cmd = "this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.111com.net/'); return false;";
 var favorate_cmd = "window.external.addFavorite('http://www.111com.net/','<a href="http://www.111com.net/js_a/js.html" target="_blank">网页特效</a>'); return false;";
 var viewcode_cmd = "window.location = 'view-source:'+'http://www.111com.net/";
 
 myMenu = new contextMenu();
 
 item = new contextItem("返回主页", "/icon/home20070829.gif", "top.location='http://www.111com.net/';", "menu");
 myMenu.addItem(item);
 
 item = new contextItem("设为主页", "/icon/home20070829.gif", homepage_cmd, "menu");
 myMenu.addItem(item);
 
 item = new contextItem("添加到收藏夹", "/icon/favadd20070829.gif", favorate_cmd, "menu");
 myMenu.addItem(item);
 
 item = new contextItem("联系作者", "/icon/mail20070829.gif", "location.href='http://www.111com.net'", "menu");
 myMenu.addItem(item);
 
 item = new contextItem("", "", "", "separator");
 myMenu.addItem(item);
 
 item = new contextItem("察看源码", "/icon/edit20070829.gif", "location.href='http://www.111com.net/javascript/showpage2277.htm'", "menu");
 myMenu.addItem(item);
 
 myMenu.show(this.document);

delete item;
 delete myMenu;
}

function toggleMenu(isEnable)
{
 if(isEnable)
  document.oncontextmenu = showMenu;
 else
  document.oncontextmenu = new function() {return true;};
}

writeStyle();
makeMenu();
document.onclick = hideMenu;
document.oncontextmenu = showMenu;
file://-->
</script>

</HEAD>
<body margin margin leftmargin="0" topmargin="0">
<table border="0" width="100%" height="100%" cellpadding="0" cellspacing="3">
 <tr><td valign="top">
  <div id="docBoard" style="width: 100%">
   超酷的XP风格的网页右键菜单特效代码,点右键看看！
  </div>
 </td>
 <td valign="top" align="right">
  <p><input type="checkbox" name="closerm" onclick="toggleMenu(!this.checked);">关闭右键菜单</p>
 </td>
 </tr>
</table>
</body>
</HTML>
本代码由<a href=http://www.111com.net>网页特效网</a>提供

提示：您可以先修改部分代码再运行

推荐专题

最新下载

热门教程

js 网页右键菜单

相关文章

热门栏目

php教程

asp.net教程

手机开发

css教程

网页制作

办公数码

jsp教程