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. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryでマウスオーバーした時に要素を全体的に拡大するやつを作ってみる

    すごくどうでもいい内容なんですが、ちょっとやってみたかったので素人なが…

  2. kissui.scrollanim

    JavaScript

    スクロールによる多彩なアニメーションを実装できる「kissui.scrollanim」

    kissui.scrollanimは、CSS3を活用したスクロールによ…

  3. jQuery Floating Social Share
  4. A simple jQuery Accordion with unlimited nesting

    JavaScript

    シンプルなアコーディオンを実装する「A simple jQuery Accordion with u…

    シンプルで見やすいアコーディオンを実装することができる「A simpl…

  5. ZooMove

    JavaScript

    マウスオーバーで画像を拡大ズーム・移動もできるjQueryプラグイン「ZooMove」

    ZooMoveは、マウスオーバーで指定された画像やエリアをズームするこ…

  6. Los Scrollos

    JavaScript

    シンプルで滑らかな水平スクロール実装「Los Scrollos」

    Los Scrollosはシンプルで滑らかな水平スクロールを実装できる…

最近の記事

  1. EOS RP
  2. COMOLI シルクネルジャケット シルクネルドローストリングパンツ
  3. スターバックス ハシエンダ アルサシア
  4. イングリッシュマフィン

アーカイブ

PAGE TOP