おしゃれな通知バーを実装できるjQueryプラグイン「overhang.js」

2016/12/26

こんにちは。
今回はおしゃれな通知バーを実装できるjQueryプラグイン「overhang.js」です。

画面上部におしゃれな通知バーを実装できるjQueryプラグインを紹介します。

おしゃれな通知バーを実装できるjQueryプラグイン「overhang.js」

overhang.js

overhang-js

 

jQueryプラグイン「overhang.js」をダウンロードしてみよう!

https://github.com/paulkr/overHang.js/にアクセスして右にある「Download ZIP」のボタンをクリックしてダウンロードします。

 

jQueryプラグイン「overhang.js」を設置してみよう!

overhang.min.cssをhead内に読み込みます。

 

jQuery本体、jQuery-uiとoverhang.min.jsを/bodyの手前に読み込みます。

 

その下に下記のスクリプトを記述します。
typeはsuccess(青)、error(赤)、info(水色)、warn(オレンジ)、prompt()、confirm()の6種類ありますよ。
primaryはカラー、accentは下部のカラーを設定できます。

 

プラグインを使わないスキルを身につけたい人のためのjQueryテクニカルノート
プラグインを使わないスキルを身につけたい人のためのjQueryテクニカルノート

 

いかがでしたか。通知バーを実装したい時にいいですね。
以上でおしゃれな通知バーを実装できるjQueryプラグイン「overhang.js」でした。

topへ戻る