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. Adi.js

    JavaScript

    アドブロックを検知してくれる「Adi.js」

    Adi.jsはアドブロックを検知してくれるjQueryプラグインです。…

  2. radialIndicator

    JavaScript

    シンプルな円形のインジケーターを実装できるjQueryプラグイン「radialIndicator」

    radialIndicatorはシンプルで美しい円形のインジケーターを…

  3. Image Gallery Threejs
  4. JavaScript

    サイドからスライド開閉するレスポンシブメニューのjQueryプラグイン「Material Menu」…

    Material Menuはサイドからスライド開閉するレスポンシブ対応…

  5. chalk-animation

    JavaScript

    カラフルなアニメーションを実装できる「chalk-animation」

    chalk-animationはカラフルなアニメーションによるテキスト…

  6. Create a month picker jQuery plugin

最近の記事

  1. 桜と太陽
  2. ベルボン Mシリーズ
  3. ネック冷却ファン NRF10
  4. Kindle 8GBモデル
  5. プロテクティングクロス PC-E2

アーカイブ

PAGE TOP