• ディオ
  • 承太郎
  • 仗助
  • テレンス・T・ダービー

このプラグインの実際の動きを確認したい場合は、PCからアクセスして下さい。

  • files
  • js
  • html
<script src="<PATH>/jquery.min.js"></script>
<script src="<PATH>/jquery.contextmenu.r2.packed.js"></script>
<script>
	$(window).load(function(){
		$('#ContextMenu1 .area1').contextMenu('ContextMenu1Demo', {
			menuStyle: { width: '160px' },			
			bindings: {				
				'dio': function(t) {					
					alert('無駄無駄無駄無駄無駄無駄無駄!');					
				},				
				'tarou': function(t) {					
					alert('やれやれだぜ');					
				},				
				'suke': function(t) {					
					alert('このヘアースタイルがサザエさんみてェーだとォ?');					
				},		
				't': function(t) {					
					alert('もしかしてオラオラですかーッ!?');					
				}				
			}			
		}); 
	});
</script>
<button class="area1 yellow">ここで右クリックしてみたら...ドドドドドド</button>
<div id="ContextMenu1Demo">
	<ul>
		<li id="dio">ディオ</li>
		<li id="tarou">承太郎</li>
		<li id="suke">仗助</li>
		<li id="t">テレンス・T・ダービー</li>
	</ul>
</div>

ContextMenu1について

ContextMenu1は、右クリックメニューをオリジナルにすることができるプラグインです。
ダウンロード こちら
ドキュメント こちら
デモ こちら
ライセンスMIT or GPL
対応ブラウザ

関連するjQueryプラグイン

  • Tabber

    Tabber

    タブメニューを簡単に設置できる

  • MeanMenu

    MeanMenu

    レスポンシブメニューを簡単に設置できる

  • Multilevelpushmenu

    Multilevelpushmenu

    横から重なるようにメニューが出てくる

  • WheelMenu

    WheelMenu

    マウスオーバーした要素を中心にメニューが円状に配置されるプラグイン

  • FlexibleSlideToTopAccordion

    FlexibleSlideToTopAccordion

    自動で頭出しをしてくれるアコーディオンメニュー