教程集 > jQuery > jquery 教程 > 正文 js右击弹出菜单

js右击弹出菜单

发布时间：2023-12-24 编辑：jiaochengji.com

教程集为您提供js右击弹出菜单等资源，欢迎您收藏本站，我们将为您提供最新的js右击弹出菜单资源

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

<script language='javascript'>  /*******js右击弹出菜单***************/  var mname=new Array(  "首  页",  "修  改",  "下  载",  "删  除",  "新  建",  "刷  新"  );  //mname是菜单对应的名称，数组的个数必须与下面murl对应    var murl=new Array(  "window.open('http://www.cn5.cn','_blank','');",  "alert('修改');",  "alert('download');",  "alert('delete');",  "alert('new');",  "alert('refresh');"  );  //murl是菜单对应的操作，可以是任意javascript代码但是要注意不要在里面输入\"，只能用'  //如果要实现跳转可以这样window.location='url';   var ph=18,mwidth=50;//每条选项的高度,菜单的总宽度  var bgc="#eee",txc="black";//菜单没有选中的背景色和文字色  var cbgc="darkblue",ctxc="white";//菜单选中的选项背景色和文字色    /****************以下代码请不要修改******************/  var mover="this.style.background='" cbgc "';this.style.color='" ctxc "';"  var mout="this.style.background='" bgc "';this.style.color='" txc "';"    document.oncontextmenu=function()  {    mlay.style.display="";   mlay.style.pixelTop=event.clientY;   mlay.style.pixelLeft=event.clientX;   return false;  }  function showoff()  {   mlay.style.display="none";  }    function fresh()  {   mlay.style.background=bgc;   mlay.style.color=txc;   mlay.style.width=mwidth;   mlay.style.height=mname.length*ph;   var h="<table width=100% height=" mname.length*ph "px cellpadding=0  cellspacing=0 border=0>";   var i=0;   for(i=0;i<mname.length;i  )   {    h ="<tr align=center height=" ph " onclick=\"" murl[i] "\" onMouseover=\"" mover "\" onMouseout=\"" mout "\"><td style='font-size:9pt;'>" mname[i] "</td></tr>";   }   h ="</table>";   mlay.innerHTML=h;  }  </script>     <body onclick="showoff();" onload="fresh();">  <div id="mlay" style="position:absolute;display:none;cursor:default;" onclick="return false;"></div>  </body>

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

您可能感兴趣的文章：
js 屏蔽右键菜单效果代码
 电脑右键不弹出菜单问题解决办法
 js向滑动导航菜单源码
 js 事件-禁止右键与文本选择
 jQuery右键菜单插件 jQuery ContextMenu
C# TreeView控件右键菜单获得当前节点的问题
 读jQuery之七判断点击了鼠标哪个键的代码
 javascript禁止网页右键的方法
 javascript右键弹出图片另存为对话框的代码
 ASP.NET控件利用Control.ContextMenu加入快捷菜单

上一篇：js 层缓冲放大效果下一篇：放大镜效果

[关闭]

最近更新

浏览排行

~ ~