Javascript实现的简单右键菜单类

本文实例讲述了Javascript实现的简单右键菜单类。分享给大家供大家参考。具体如下：

这是自己写的一个右键菜单类，屏蔽掉了IE固有的右键菜单，一共有四个参数：第一个是出发显示右键菜单的div的id

第二个是右键菜单这个层的id，根据这个id去创建一个新的层，menuList是菜单项的列表，对应了点击一个菜单项后触发的函数，classList是菜单的class名称，以及菜单项对应的class名称，包含了鼠标滑过时的class。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/js-right-button-menu-class-codes/

具体代码如下：

.cmenu
{
 position:absolute;
 top:100px;
 left:100px;
 width:200px;
 height:200px;
 background-color:white;
 border:1px solid pink;
}
.liAble
{
 font-family:"宋体";
 color:#6699CC;
 margin-left:10px;
 margin-top:5px;
 list-style-type:none;
 cursor:default;
}
.liMouseOver
{
 margin-left:10px;
 margin-top:5px;
 background-color:#CCFFFF;
 list-style-type:none;
 cursor:default;
}

希望本文所述对大家的Javascript程序设计有所帮助。