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」のご紹介でした。

Random Text Shuffleシャッフルしながらテキストが表示される「Random Text Shuffle」前のページ

3Dキューブのようなスライダーを実装できる「cubeTransition.js」次のページcubeTransition.js

関連記事

  1. ax5ui-menu

    JavaScript

    カスタマイズしやすいコンテキストメニューを実装できる「ax5ui-menu」

    ax5ui-menuはカスタマイズしやすいシンプルなコンテキストメニュ…

  2. no-image

    JavaScript

    3Dキューブによる画像ギャラリー「3D Cube Image Gallery」

    3D Cube Image Galleryは、3Dキューブによるオシャ…

  3. Valiant 360

    JavaScript

    360度のパノラマ動画を実装できるビデオプレーヤー「Valiant 360」

    Valiant 360はブラウザ上で360度のパノラマ動画・写真を実装…

  4. Filterable Product Grid
  5. Audero Smoke Effect

    JavaScript

    スモーク(煙)のエフェクトを実装できるjQueryプラグイン「Audero Smoke Effect…

    スモーク(煙)のエフェクトを実装することができるjQueryプラグイン…

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

    JavaScript

    jQueryのeachメソッドのお勉強

    今回はjQueryのeachメソッドを使ってみました。なんかとても便利…

最近の記事

  1. Anker PowerExpand Direct 6-in-1 USB-C PDメディアハブ
  2. ペットボトルホルスター

アーカイブ

PAGE TOP