自定义html页面鼠标右键,javascript鼠标右键菜单自定义效果

本文实例讲解了javascript鼠标右键菜单的实现方法，分享给大家供大家参考，具体内容如下

效果图：

具体代码：

#menu{

border:solid 1px gray;

width:100px;

display:none;

position:absolute;

background-color:ghostwhite;

margin: 0;

padding: 0;

list-style-type: none;

}

#menu>li{

border-bottom: dashed 1px gray;

}

window.οnlοad=function(){

var oUl=document.getElementById('menu');

document.οncοntextmenu=function(ev){

var oEvent=ev||event;

//一定要加px，要不然chrom不认

oUl.style.top=oEvent.clientY+'px';

oUl.style.left=oEvent.clientX+'px';

oUl.style.display='block';

return false;

}

document.οnclick=function(){

oUl.style.display='none';

}

};

• 脚本之家
• 脚本之家
• 脚本之家
• 脚本之家

希望本文所述对大家学习javascript程序设计有所帮助。