jquery.peekABar

JavaScript

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

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

jquery.peekABar

jquery.peekABar

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

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

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

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

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

SimpleCalculadoraシンプルでカスタマイズもできる電卓「SimpleCalculadora」前のページ

ユーザーが入力中でもプレースホルダーを表示してくれる「jQuery Smart Placeholder」次のページjQuery Smart Placeholder

関連記事

  1. Uglipop.js

    JavaScript

    軽量でミニマルなモーダルボックスを実装できる「Uglipop.js」

    Uglipop.jsは軽量でミニマル、カスタマイズ性にも優れたモーダル…

  2. JavaScript

    フォーム内にあるplaceholderの利便性を高めてくれるjQueryプラグイン「FlowupLa…

    フォームを入力する際にあると便利なのがplaceholderです。しか…

  3. SWAPMYLI

    JavaScript

    スライドが切り替わるタイミングも分かりやすく表示させるギャラリーを実装できるjQueryプラグイン「…

    シンプルでよさそうだったのでメモしときます。スライドが切り替わるタイミ…

  4. makefixed.js

    JavaScript

    スクロール中に要素を固定配置できるjQueryプラグイン「makefixed.js」

    makefixed.jsはスクロール中に指定した要素を固定配置させるこ…

  5. FlexNav

    JavaScript

    見た目もシンプルでレスポンシブ対応のナビゲーションメニューを実装できるjQueryプラグイン「Fle…

    シンプルなデザインでレスポンシブにも対応したナビゲーションメニューを実…

  6. diamonds.js

最近の記事

  1. 岩木山
  2. パーソナルパーティション

アーカイブ

PAGE TOP