jquery.peekABar

JavaScript

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

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

jquery.peekABar

jquery.peekABar

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

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

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

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

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

関連記事

  1. simple-calendar

    JavaScript

    イベント設定もできるシンプルなカレンダー実装「simple-calendar」

    simple-calendarは、イベント設定も可能なシンプルなカレン…

  2. jQuery Seat Charts
  3. Textualizer

    JavaScript

    テキストに様々なエフェクトを与えながら切り替わっていくjQueryプラグイン「Textualizer…

    フェードやスライドといった様々なエフェクトをテキストに与えながら切り替…

  4. no-image
  5. no-image

    JavaScript

    Lightboxスタイルのギャラリーやカルーセルを実装できる「slideBox.js」

    slideBox.jsはレスポンシブに対応したLightboxスタイル…

  6. JavaScript

    JavaScriptの関数のスコープについてちょっと確認してみる

    JavaScriptの関数のスコープを確認、整理する意味で記事にしてみ…

最近の記事

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

アーカイブ

PAGE TOP