jQuery右键菜单插件ContextMenu

ContextMenu插件下载地址

http://www.trendskitchens.co.nz/jquery/contextmenu/jquery.contextmenu.r2.packed.js

弄个DEMO玩玩吧!

<script src='jquery.js'></script>
<script src='jquery.contextmenu.js'></script>

<p>
	<span class="demo" style="background-color:yellow;"><b>DEMO right-click me!!</b></span>
</p>

<div class="contextMenu" id="myMenu">
  <ul>
	<li id="open">Open</li>
	<li id="email">Email</li>
	<li id="save">Save</li>
	<li id="close">Close</li>
  </ul>
</div>

<script>
$('span.demo').contextMenu('myMenu', {
	bindings: {
			'open': function(t) {
				alert('Trigger was '+t.id+'\nAction was Open');
		},
			'email': function(t) {
				alert('Trigger was '+t.id+'\nAction was Email');
		},
			'save': function(t) {
				alert('Trigger was '+t.id+'\nAction was Save');
		},
			'close': function(t) {
				alert('Trigger was '+t.id+'\nAction was close');
		}
	}
});
</script>

你可能感兴趣的:(jquery,contextMenu,右键菜单)