jQuery 'Notify bar'

Twitterのようにスマートな通知バーを一瞬で実装できるjQueryプラグイン「jQuery Notify bar」。

ページの上部にアニメーションされながら表示されるあの通知バーです。



時間がたつとアニメーションしながらスマートに消えてくれます。ページデザインがどんなものであろうと影響を受けません。



色を変えて、エラーモードにしてみたり、成功モードにしてみたり自由にできます。

実装は超簡単で、次のように初期化するだけです。

 $(function () {
  $.notifyBar({
    html: "メッセージ",
    delay: 2000, // 表示するミリ秒数
    animationSpeed: "normal", // アニメーションの速度(数値で指定)
    cls: "error" // ボックス要素のCSSクラス名
  }); 
});

これは覚えておいたほうがよさそう。