jQuery Context Menu

JavaScript

軽量でシンプルなコンテキストメニューを実装できる「jQuery Context Menu」

jQuery Context Menuは、軽量でシンプルなコンテキストメニューを実装することができるjQueryプラグインです。ナビゲーションメニューやダイアログボックス、フォームなどをポップアップ式で表示させることが可能です。

jQuery Context Menu

デモ

デモでは、Simple menu、Dialog box、User Input formといった項目が用意されていて、いずれかをクリックすることでそれに対応したコンテンツが表示されます。

一般的なナビゲーションメニューからユーザーが入力するためのフォームまで、いろんなものをポップアップ式で表示させることができます。

シンプルながらも柔軟性に富んだ機能といえそうですね。容量が軽量に仕上がっているところもうれしいポイントの一つです。

オプションには、contextBoxClass、closeBtnClass、popupBesideClass、disableErrorLog、box_position、displacement_pxといった項目が用意されています。

ちなみに、box_positionのデフォルト値は「top-right」です。他にも、top-left、bot-right、bot-leftといった値を設定することも可能です。

というわけで、シンプルで軽量ながらもさまざまなコンテンツをポップアップ式で見せることができるjQueryプラグイン「「jQuery Context Menu」」のご紹介でした。

jQuery Context Menu

scrollMonitor要素が表示領域に入ったり出たりするとイベントを受け取れる「scrollMonitor」前のページ

多彩なオプションが用意されたメジャータイプのスライダー「jquery-base-slider」次のページjquery-base-slider

関連記事

  1. JavaScript

    レスポンシブなLightbox風のギャラリーを実装できるjQueryプラグイン「anoFlow」

    anoFlowというjQueryプラグインを使えば、レスポンシブなLi…

  2. HCaptions

    JavaScript

    ホバー時に色々なエフェクトでキャプションをオーバーレイ表示できるjQueryプラグイン「HCapti…

    指定した要素をホバーすると色々なエフェクトでキャプションをオーバーレイ…

  3. jQuery.GI.TheWall.js
  4. AnimateScroll

    JavaScript

    面白いエフェクトのページ内スクロールを実装できるjQueryプラグイン「AnimateScroll」…

    ページの任意の場所にスクロールできるjQueryプラグイン「Anima…

  5. no-image

    JavaScript

    ウィークデイ(週)のオプションを作成できる「jquery-weekdays」

    jquery-weekdaysはウィークデイ(週)のオプションを作成で…

  6. BetterToggle

    JavaScript

    要素を拡大しながら表示させたり非表示にしたりできるjQueryプラグイン「BetterToggle」…

    面白いjQueryプラグインがあったのでご紹介します。指定した要素を拡…

最近の記事

  1. 岩木山
  2. パーソナルパーティション

アーカイブ

PAGE TOP