支持FF和IE的右键菜单
2009-07-26 文章来源：互联网 浏览次数：1288
分享文章
整个页面右键菜单：
<html>
<head>
<style>
#menu{
position:absolute;
list-style:none;
margin:0;
padding:0;
display:none;
border:1px solid #DDD;
background:#EEE;
}
#menu li{
padding:1px;
}
#menu li a{
padding:3px;
display:block;
text-decoration:none;
cursor:default;
}
#menu li a:link,#menu li a:visited{
color:black;
}
#menu li a:hover{
color:white;
background:#039;
}
</style>
<head>
<body>
[removed]
<!--
var menu = document.getElementById("menu");
document.oncontextmenu = function(e){
e = window.event || e;
x = e.x || e.layerX;
y = e.y || e.layerY;
menu.style.left = x + "px";
menu.style.top = y + "px";
menu.style.display = "block";
return false;
}
document.onclick = function(){
menu.style.display = "none";
}
//-->
[removed]
</body>
</html>
部分右键菜单：
<html>
<head>
<style>
#menu{
position:absolute;
list-style:none;
margin:0;
padding:0;
display:none;
border:1px solid #DDD;
background:#EEE;
}
#menu li{
padding:1px;
}
#menu li a{
padding:3px;
display:block;
text-decoration:none;
cursor:default;
}
#menu li a:link,#menu li a:visited{
color:black;
}
#menu li a:hover{
color:white;
background:#039;
}
</style>
<head>
<body>
右键试试
[removed]
<!--
var menu = document.getElementById("menu");
function showRightKey(e){
e = window.event || e;
x = e.x || e.layerX;
y = e.y || e.layerY;
menu.style.left = x + "px";
menu.style.top = y + "px";
menu.style.display = "block";
return false;
}
document.onclick = function(){
menu.style.display = "none";
}
//-->
[removed]
</body>
</html>
文章评论(查看全部)