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

    JavaScript

    レスポンシブ対応の軽量なLightbox風jQueryプラグイン「Rebox」

    ReboxというjQueryプラグインを使えば、レスポンシブに対応した…

  2. DropDownMenu

    JavaScript

    レスポンシブ対応で多階層なドロップダウンメニューを実装できる「DropDownMenu」

    DropDownMenuは、レスポンシブに対応した多階層なドロップダウ…

  3. Drift

    JavaScript

    画像にホバーして拡大できる軽量のスクリプト「Drift」

    Driftは画像にホバーした部分を拡大できるシンプルで軽量なスクリプト…

  4. Simple jQuery Slider

    JavaScript

    シンプルなナビ付きのスライダーを実装できる「Simple jQuery Slider」

    シンプルなスライダーを実装できる「Simple jQuery Slid…

  5. no-image

    JavaScript

    マウスの動作に連動するシャドウエフェクト実装「Jquery Shadow Plugin」

    Jquery Shadow Pluginはマウスの動作に連動するシャド…

  6. Image Gallery Threejs

最近の記事

  1. Olli
  2. 単語帳メーカー(Flashcard Maker App)
  3. 1Password 7
  4. 風に揺れる草

Facebookページ

PAGE TOP