兼容性好的浏览器右键菜单效果

使用方法：

引入CSS样式、jQuery库文件、插件JS文件

<link rel="stylesheet" type="text/css" href="bootstrap-3.3.6/css/bootstrap.min.css" />
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="src/jquery.contextify.js"></script>
<!--[if IE]>
<script src="http://libs.useso.com/js/html5shiv/3.7/html5shiv.min.js"></script>
<![endif]-->

插件初始化、参数配置

var options = {items:[
  {header: '功能'},
  {divider: true},
  {text: '第一个链接', href: 'http://www.sucainiu.com'},
  {text: '第二个链接', onclick: function() {alert("你点击了第2个链接")}},
  {text: '第三个链接', onclick: function() {alert("你点击了第3个链接")}},
  {text: '第四个链接', onclick: function() {alert("你点击了第4个链接")}}
]}
$('#body').contextify(options);

HTML结构

<div id="body" style="position:absolute;top:0px;left:0px;right:0px;bottom:0px;"></div>