<html>
<head>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.contextMenu.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#clickField').contextMenu({
menu: 'contextMenu'
}, function(action, el, pos){
switch(action){
case 'goTop':
alert('先頭へ戻る')
break;
case 'home':
alert('ホーム')
break;
case 'next':
alert('次へ')
break;
case 'prev':
alert('前へ')
break;
case 'close':
alert('閉じる')
break;
default:
break;
}
});
});
</script>
</head>
<body>
<div id="clickField">
<p>この領域を右クリック</p>
</div>
<ul id="contextMenu" class="menu">
<li class="goTop">
<a href="#goTop">先頭へ戻る</a>
</li>
<li class="cut">
<a href="#home">ホーム</a>
</li>
<li class="next">
<a href="#next">次へ</a>
</li>
<li class="prev">
<a href="#prev">前へ</a>
</li>
<li class="close">
<a href="#close">閉じる</a>
</li>
</ul>
</body>
</html>