jquery.peekABar

JavaScript

様々なカスタマイズができる便利な通知バー「jquery.peekABar」

jquery.peekABarは様々なカスタマイズが可能な通知バー(通知メッセージ)を実装することができるjQueryプラグインです。オプションがたくさん用意されているので、自分のサイトに合う通知バーを取り入れたい時に役立ちますね。

jquery.peekABar

jquery.peekABar

デフォルトでは一般的によく見る画面上部から降りてくる通知バーを実装することができます。

オプションはいろんな項目があり、例えば、autohide(自動非表示)をtrueに設定すれば通知バーが表示されて3秒後に自動で非表示になるといったことも可能です。

また、paddingでバーの余白を変更したり、backgroundColorでバーの背景色を指定したりといったこともできるようになっています。

アニメーションもスライドかフェードを選べるようになっていたり、バーを表示させる位置もトップかボトムのどちらかを指定できるようになっていたりと、カスタマイズする上でとても役立つ項目がいろいろあります。

他にもまだオプションがあるので、気になる方は是非チェックしてみてください。カスタマイズしやすい便利な通知バーを実装したい時には、覚えておきたいプラグインですね。

関連記事

  1. Footnoted

    JavaScript

    脚注(注釈)を入れたい時に役立つjQueryプラグイン「Footnoted」

    FootnotedというjQueryプラグインは文章の中に脚注(注釈)…

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

    JavaScript

    jQueryで$.inArrayを使えば配列の中に指定した値が何番目に入ってるか知ることができる

    jQueryで配列の中に自分が指定した値が何番目にあるか知りたい場合は…

  3. Playful Little Tooltip Ideas
  4. JavaScript

    レスポンシブなLightbox風のギャラリーを実装できるjQueryプラグイン「anoFlow」

    anoFlowというjQueryプラグインを使えば、レスポンシブなLi…

  5. Unicorn.js

    JavaScript

    ホバーするとテキストがレインボーに光るjQueryプラグイン「Unicorn.js」

    おもしろいプラグインがあったのでご紹介します。テキストにホバーするとレ…

  6. Multipicker

    JavaScript

    要素を選択するときに直感的な操作を実現する「Multipicker」

    Multipickerは、日付や曜日、番号、その他さまざまな要素を選択…

最近の記事

  1. YAECA ワイドテーパードデニム 10-13WW
  2. ADR-3ML39シリーズ
  3. キュレル モイスチャーバーム
  4. FUJIFILM X-Pro3
  5. iPhone 11 ProとApple Watch Hermès

アーカイブ

PAGE TOP