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

    JavaScript

    多彩なカスタマイズができるjQueryアコーディオンプラグイン「BeefUp」

    BeefUpは多彩なカスタマイズができるレスポンシブに対応したjQue…

  2. Panoramix Image

    JavaScript

    左右に移動できるパノラマ画像を表示させれる「Panoramix Image」

    Panoramix Imageは、左右に移動できるパノラマ画像を表示さ…

  3. FModal.JS

    JavaScript

    シンプルなフルスクリーンのモーダルウィンドウ「FModal.JS」

    FModal.JSはシンプルなフルスクリーンのモーダルウィンドウを実装…

  4. Jquery modal box plugin
  5. JavaScript

    ボタンやアイコンに素敵なクリックエフェクトを実装できる「Waves」

    ボタンやアイコンに素敵なクリックエフェクトを実装することができる「Wa…

  6. AOS

    JavaScript

    スクロールに合わせていろんなアニメーションで表示できる「AOS」

    AOSはスクロールに合わせてフェードやフリップ、ズームなどのアニメーシ…

最近の記事

  1. 芳醇な香りのラムレーズンサンド
  2. Aモーニングセット
  3. 白トリュフの塩パンやメロンパンなど
  4. 東京都現代美術館
  5. スーリア バターチキン

アーカイブ

PAGE TOP