js右键菜单效果代码
2018-10-15 17:05
将以下代码添加到<head>与</head>之间
----------------------------------
<scriptlanguage=javascript>
/*******以下内容可以修改***************/
varmname=newArray(
首页,
修改,
下载,
删除,
新建,
刷新
);
//mname是菜单对应的名称，数组的个数必须与下面murl对应
varmurl=newArray(
window.open(
alert(修改);,
alert(download);,
alert(delete);,
alert(new);,
alert(refresh);
);
//murl是菜单对应的操作，可以是任意javascript代码但是要注意不要在里面输入\，只能用
//如果要实现跳转可以这样window.location=url;
varph=18,mwidth=50;//每条选项的高度,菜单的总宽度
varbgc=#eee,txc=black;//菜单没有选中的背景色和文字色
varcbgc=darkblue,ctxc=white;//菜单选中的选项背景色和文字色
/****************以下代码请不要修改******************/
varmout=this.style.background=+bgc+;this.style.color=+txc+;
document.oncontextmenu=function()
{
mlay.style.display=;
mlay.style.pixelTop=event.clientY;
mlay.style.pixelLeft=event.clientX;
returnfalse;
}
functionshowoff()
{
mlay.style.display=none;
}
functionfresh()
{
mlay.style.background=bgc;
mlay.style.color=txc;
mlay.style.width=mwidth;
mlay.style.height=mname.length*ph;
varh=<tablewidth=100%height=+mname.length*ph+pxcellpadding=0cellspacing=0border=0>;
vari=0;
for(i=0;i<mname.length;i++)
{
h+=<tralign=centerheight=+ph+onclick=\+murl[i]+\onMouseover=\+mover+\onMouseout=\+mout+\><tdstyle=font-size:9pt;>+mname[i]+</td></tr>;
}
h+=</table>;
}
</script>
----------------------------------
将以下代码替换<body>标签
----------------------------------
<bodyonClick=showoff();onload=fresh();>
----------------------------------
在<body>与</body>之间插入以下代码
----------------------------------
<divid=mlaystyle=position:absolute;display:none;cursor:default;onClick=returnfalse;></div>
----------------------------------
完!!!
:)
下一篇：xmlHTTP返回值重编码的优化