一个很好看的jQuery右键菜单

by 落叶 | 菜单/导航 | 网页特效

使用步骤
安装
包括文件jquery.contextmenu.css在页面的<head> jquery.contextmenu.js。您还需要jQuery的。建议您使用 HTML 5 DOCTYPE 以确保呈现的一致性。
引用js和css
<script src="jquery-1.6.2.min.js"></script> 
<script src="jquery.contextmenu.js"></script> 
<link rel="stylesheet" href="jquery.contextmenu.css">


插件引入了contextPopup()方法，到jQuery对象。
假设你有一个元素，你想绑定上下文菜单：
<div id="mythingy">hello</ DIV>
JS
$('#mythingy').contextPopup({
  title: 'My Popup Menu',
  items: [
    {label:'Some Item',     icon:'icons/shopping-basket.png', action:function() { alert('clicked 1') } },
    {label:'Another Thing', icon:'icons/receipt-text.png',    action:function() { alert('clicked 2') } },
    null, /* null can be used to add a separator to the menu items */
    {label:'Blah Blah',     icon:'icons/book-open-list.png',  action:function() { alert('clicked 3') } },
  ]});

预览

立即下载（0.07 M）

转载