87,910
社区成员
发帖
与我相关
我的任务
分享请发表友善的回复…
发表回复
tempzzz 2006-09-15
- 打赏
- 举报
调用方法
<style>
div.miniMenu{
display:none;
position:absolute;
z-index:111;
width:120px;
height:150px;
border:1px solid silver;
}
</style>
<body onContextMenu="return false;" onclick="javascript:showMenu(event)" >
<div id="miniMenu" class="miniMenu">111</div>
</body>
<style>
div.miniMenu{
display:none;
position:absolute;
z-index:111;
width:120px;
height:150px;
border:1px solid silver;
}
</style>
<body onContextMenu="return false;" onclick="javascript:showMenu(event)" >
<div id="miniMenu" class="miniMenu">111</div>
</body>
tempzzz 2006-09-15
- 打赏
- 举报
function showMenu(event){ //右键激发菜单效果
try{
var m = document.getElementById("miniMenu");
if(event.button == 2){
this.mouseX = event.clientX ;
this.mouseY = event.clientY;
m.style.left = this.mouseX + document.body.scrollLeft - 10;
m.style.top = this.mouseY + document.body.scrollTop - 10;
m.style.display = "block";
}else if (event.button == 1){
m.style.display = "none";
}
}catch(e){debug(e,"showMenu");}
}
其中miniMenu是要显示得层
try{
var m = document.getElementById("miniMenu");
if(event.button == 2){
this.mouseX = event.clientX ;
this.mouseY = event.clientY;
m.style.left = this.mouseX + document.body.scrollLeft - 10;
m.style.top = this.mouseY + document.body.scrollTop - 10;
m.style.display = "block";
}else if (event.button == 1){
m.style.display = "none";
}
}catch(e){debug(e,"showMenu");}
}
其中miniMenu是要显示得层
