插件下载地址:
http://www.trendskitchens.co.nz/jquery/contextmenu/jquery.contextmenu.r2.js
压缩版:
http://www.trendskitchens.co.nz/jquery/contextmenu/jquery.contextmenu.r2.packed.js
Jquery主页: http://jquery.com/
通过此插件可以在不同的html元素内建立contextmenu,并且可以自定义样式.
<HTML>
<HEAD>
<TITLE> JQuery右键菜单 </TITLE>
<script src=”jquery-1.2.6.min.js”></script>
<script src=”jquery.contextmenu.r2.js”></script>
</HEAD>
<BODY>
<span class=”demo1″ style=”color:green;”>
右键点此
</span>
<hr />
<div id=”demo2″>
右键点此
</div>
<hr />
<div class=”demo3″ id=”dontShow”>
不显示
</div>
<hr />
<div class=”demo3″ id=”showOne”>
显示第一项
</div>
<hr />
<div class=”demo3″ id=”showAll”>
显示全部
</div>
<hr />
<!–右键菜单的源–>
<div class=”contextMenu” id=”myMenu1″>
<ul>
<li id=”open”><img src=”folder.png” /> 打开</li>
<li id=”email”><img src=”email.png” /> 邮件</li>
<li id=”save”><img src=”disk.png” /> 保存</li>
<li id=”delete”><img src=”cross.png” /> 关闭</li>
</ul>
</div>
<div class=”contextMenu” id=”myMenu2″>
<ul>
<li id=”item_1″>选项一</li>
<li id=”item_2″>选项二</li>
<li id=”item_3″>选项三</li>
<li id=”item_4″>选项四</li>
</ul>
</div>
<div class=”contextMenu” id=”myMenu3″>
<ul>
