jBox

JavaScript

ツールチップやモーダルウィンドウなどを実装できるjQueryプラグイン「jBox」

jBoxはカスタマイズ性に優れたツールチップ、モーダルウィンドウ、通知、イメージギャラリーといったさまざまなポップアップウィンドウを実装することができるjQueryプラグインです。1つのプラグインでいろんなポップアップウィンドウを使いたい人にオススメです。

jBox

jBox

デモには、TOOLTIPS、MODAL WINDOWS、NOTICES、IMAGESといったものが用意されています。

TOOLTIPSはホバーやクリックをすることで、ツールチップが表示されます。表示するポジション(位置)やカラーなどのカスタマイズが可能です。

ほかにも、モーダルウィンドウ、通知、イメージギャラリーの動作も確認できるので、気になる方はぜひチェックしてみてください。

どれもシンプルでスッキリしたデザインなので、とても見やすくいろんなサイトに活用できると思います。ファイル容量も軽量で、レスポンシブにも対応可能なところがいいですね。

またオプションもかなり豊富で、width、height、responsiveWidth、responsiveHeight、attach、title、content、target、position、fixed、pointer、animation、theme、addClass、delayOpen、delayClose、closeOnEsc、closeOnClick、audio、confirmButton、color……など多彩な項目が用意されています。

というわけで、カスタマイズ性バツグンでさまざまなポップアップウィンドウを実装できるjQueryプラグイン「jBox」のご紹介でした。

関連記事

  1. no-image

    JavaScript

    高さを揃えたレスポンシブな画像ギャラリー「jQuery Mosaic plugin」

    jQuery Mosaic pluginは高さを揃えたレスポンシブな画…

  2. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryでパターン化されたクラス名をループで1つずつ取り出して処理する

    どうでもいい内容なんですがちょっとやりたかったのでメモです。jQuer…

  3. Responsive Parallax Drag-slider With Transparent Letters
  4. JUMBLE

    JavaScript

    テキストの色をカラフルにシャッフルさせるjQueryプラグイン「JUMBLE」

    JUMBLEというjQueryプラグインを使えば、指定したテキストの色…

  5. jQuery LED

    JavaScript

    LEDディスプレイのようなカウントダウン・タイマー・時計を実装できる「jQuery LED」

    jQuery LEDは、LEDディスプレイで表示されるようなカウントダ…

  6. Glide.js

    JavaScript

    軽量・フレキシブル・高速なスライダー&カルーセル実装「Glide.js」

    Glide.jsは軽量・フレキシブル・高速なJavaScript ES…

最近の記事

  1. Soundcore Liberty Neo(第2世代)
  2. EH-NA0B
  3. KPS-88
  4. Happy Plugs AIR1
  5. cheero Stream 10000mAh

アーカイブ

PAGE TOP