簡単!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
ENbNĂ݂ĂB
removeAeditAmoveɂ̓A[gw肵Ă܂B(LTvQ)
closeɂ͐VEBhEJ悤ɂĂ܂B
"close" : function open_win(){window.open("index.html"); },
JavascriptTvy[Wꗗ
skuare.net