jQuery contextMenu plugin & polyfill

JavaScript

カスタマイズしたコンテキストメニューを実装できる「jQuery contextMenu plugin & polyfill」

jQuery contextMenu plugin & polyfillは、カスタマイズ可能なコンテキストメニューを実装することができるjQueryプラグインです。独自のコンテキストメニューを表示したいアプリケーションなどにはピッタリですね。

jQuery contextMenu plugin & polyfill

デモ

デモページには、「right click me」と書かれたボタンが設置されており、ここに右クリックするとコンテキストメニューが表示されます。

メニューには、Edit、Cut、Copy、Paste、Delete、Quitといった項目が用意されています。各項目の左側にはアイコンも表示されているので、シンプルながらもとても見やすいコンテキストメニューに仕上がっています。

これらのメニュー項目は、JS側のセッティング内で「items」の中に指定することができます。また、コールバック関数を設定したりとカスタマイズ性も高いほか、いろいろなブラウザもサポートされています。

独自のカスタマイズしたコンテキストメニューを実装したいという人は、ぜひ「jQuery contextMenu plugin & polyfill」をチェックしてみてはいかがでしょうか? ライセンスはMITになります。

jQuery contextMenu plugin & polyfill

no-imageビューポートやコンテナ幅をベースに異なるサイズの画像を読み込める「jQuery Responsive Image Plugin」前のページ

タッチ対応で直感的に並べ替えできるjQueryプラグイン「Amigo Sorter Plugin」次のページAmigo Sorter Plugin

関連記事

  1. No Vacancy

    JavaScript

    ネオンサインのようなエフェクトを実装できるjQueryプラグイン「No Vacancy」

    テキストにネオンサインのようなエフェクトを実装することができるjQue…

  2. rpage

    JavaScript

    Bootstrapを使ったレスポンシブなページネーション「rpage」

    rpageはBootstrapを使ったレスポンシブに対応したページネー…

  3. no-image

    JavaScript

    jQueryの代わりに使用できるマイクロJavaScriptライブラリ「Selector」

    Selectorは、jQueryの代わりに使用することができるマイクロ…

  4. Cavendish.js

    JavaScript

    CSS transitionsを活用したシンプルなスライドショーを実装できるjQueryプラグイン「…

    CSS transitionsを活用したシンプルなスライドショーを実装…

  5. Yamm 3

    JavaScript

    メガメニューをBootstrap3で実装する「Yamm 3」

    Yamm 3はメガメニューをBootstrap3を使って実装することが…

  6. Lettering.js

    JavaScript

    一文字ずつスタイルなどを調整できるようにしてくれる「Lettering.js」

    Lettering.jsは一文字ずつCSSなどでスタイルを調整できるよ…

最近の記事

  1. ナイトロコーヒー
  2. チーズベーコンエッグバーガー
  3. ランチセットA
PAGE TOP