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

簡単!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>

a href="http://www.skuare.net/test/jcontextmenu.html">簡単!jQueryプラグインで独自右クリックメニューを作る「contextmenu」サンプル

sponsors

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

記事作成:
記事URL:

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