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. Sticky Multi Header Scroll
  2. jquery.enhsplitter

    JavaScript

    コンテンツを分離できるフレーム実装「jquery.enhsplitter」

    jquery.enhsplitterはコンテンツを分離させるフレームを…

  3. ARIA TOOLTIP

    JavaScript

    WAI ARIAを活用したユーザーフレンドリーなツールチップ実装「ARIA TOOLTIP」

    ARIA TOOLTIPはWAI ARIAを活用したユーザーフレンドリ…

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

    JavaScript

    jQueryでsetTimeoutを使えば各要素のアニメーションを実行させる時間を調整できる

    jQueryのsetTimeoutを使えば何秒後に実行するかといったこ…

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

    JavaScript

    jQueryの基本的なanimateメソッドを使って適当に遊んでみる

    jQueryのanimateメソッドを使えば自分で好きなようにアニメー…

最近の記事

  1. ルック セレクション
  2. シルキーウインドモバイル
  3. アリエール パワージェルボール3D
  4. NuAns × Shibaful TAGPLATE

アーカイブ

PAGE TOP