簡単!jQueryプラグインで独自右クリックメニューを作る「contextmenu」

PCで右クリックをするとショートカットメニューが表示されます。
これを自分のサイトオリジナルに作成できるjQueryプラグインgoker.cebeci / contextmenuを紹介します。

使用方法

goker.cebeci / contextmenuからファイル一式をダウンロード。

<link rel="stylesheet" href="contextmenu.css" />
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="contextmenu.js"></script>
<script type="text/javascript">
$(function(){
     $('.class名').contextmenu({
             'ctrl':false, //ctrlキーを押下してのメニューを禁止
             'menu':{ //メニューを記述
                   'skuare.net':'http://www.skuare.net', //左にメニュー名、右にリンク先
                   'jQueryサンプル':'http://www.skuare.net/test/jQuery.html',
                   'JavaScriptサンプル一覧':'http://www.skuare.net/javascript/'
             }
     });
});
</script>
あとは対象にしたい場所をclass名でくくれば完成です。

<div class="class名">
右クリックすると表示される
</div>

サンプル


Javascriptサンプルページ一覧
skuare.net
???v??
?E?N???b?N?ⵂĂ݂Ă????????B
remove?Aedit?Amove?ɂ̓A???[?g?肵?Ă??܂??B(?㋌?T???v???Q?Ʃ
close?ɂ͐V?????E?B???h?E?ꊂ??悤?ɂ??Ă??܂??B
"close" : function open_win(){window.open("index.html"); },
Javascript?T???v???y?[?W?ꗗ
skuare.net