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. jLetter

    JavaScript

    テキストを散らばせながら次々と表示させることができるjQueryプラグイン「jLetter」

    シンプルでちょっと目を引かせたいところなんかによさそうだったので使って…

  2. Slinky

    JavaScript

    モバイルライクなナビゲーションメニューを実装できる「Slinky」

    Slinkyは軽量でレスポンシブに対応したモバイルライクなナビゲーショ…

  3. JavaScript

    レスポンシブに対応したビフォーアフター画像を実装できる「before-after.js」

    before-after.jsはシンプルでレスポンシブに対応したビフォ…

  4. Bootstrap Navbar Sidebar

    JavaScript

    サイドに固定できるナビゲーション実装「Bootstrap Navbar Sidebar」

    Bootstrap Navbar Sidebarは、サイドに固定できる…

  5. Salvattore
  6. no-image

    JavaScript

    フロントエンドアプリケーションを構築するためのJSライブラリ「HyperApp」

    HyperAppは、フロントエンドアプリケーションを構築するための1K…

最近の記事

  1. 有栖川公園
  2. グーディオ オーガニックチョコレート(ミント)
  3. チキンバターマサラとシュリンプバターマサラ
  4. 恵比寿のダ・ミケーレのピザ
  5. ハムエッグホットサンドとドリップコーヒー

アーカイブ

PAGE TOP