js自定义菜单右键

css代码：

<style>

.menu{

width:180px;

height: 176px;

border: 1px solid #bababa;

padding: 35px;

display: none;

position: absolute;

left: 0px;

top: 0px;

box-shadow: 2px 2px 5px #748085;

}

.menu a{

width:120px;

height: 40px;

line-height: 40px;

color: #000000;

display: block;

text-decoration: none;

border-bottom: 1px solid #e2dfdf;

}

.menu a:hover{

color: mediumturquoise;

}

</style>

html代码：

<div class="menu" id="menu">

<a href="http://www.baidu.com">点击进入百度!</a>

<a href="http://www.taobao.com">点击进入淘宝!</a>

<a href="#">点击进入京东!</a>

<a href="#">点击进入当当!</a>

</div>

js代码：

<script>

menuobj=document.getElementById('menu');

document.oncontextmenu=function(event){

// 获取右键的坐标

x=event.clientX;

y=event.clientY;

menuobj.style.display='block';

menuobj.style.left=x+'px';

menuobj.style.top=y+'px';

return false;

}

document.onclick=function(){

menuobj.style.display='none';

}

</script>