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

    JavaScript

    スクロールによるプログレスバーを表示できるjQueryプラグイン「PrognRoll」

    PrognRollはスクロールによるプログレスバーを表示することができ…

  2. Slight Submenu
  3. FakeLoader.js

    JavaScript

    フルスクリーンでカッコいいローディングアニメーション・FakeLoader.js

    FakeLoader.jsはフルスクリーンでカッコいいローディングアニ…

  4. Responsive Parallax Drag-slider With Transparent Letters
  5. plainModal

    JavaScript

    カスタマイズ性が高いシンプルなモーダルウィンドウのjQueryプラグイン「plainModal」

    plainModalはシンプルでカスタマイズ性が高いモーダルウィンドウ…

  6. Page Stack Navigation

    JavaScript

    ページをスタッキングできる「Page Stack Navigation」

    Page Stack Navigationはページをスタッキングできる…

最近の記事

  1. Apple WatchでのMacロック解除を無効
  2. オータムスイートポテトフラペチーノ
  3. 紅葉
  4. ナノケア EH-NA0E
  5. スターバックス コロンビア サンタンデール

アーカイブ

PAGE TOP