Toast

JavaScript

アニメーション付きでスタッキングしていくメッセージ通知「Toast」

Toastはアニメーション付きのメッセージ通知を表示することができるjQueryプラグインです。最大の特徴は通知が増えるにつれてスタッキングしていくことです。カスタマイズもできるのが良いですね。

Toast

デモ

デモではボタンをクリックする度にフェードアニメーションでメッセージが次々に表示されていきます。どんどんスタックされていくのがおもしろいですね。

綺麗に整列されるのでとても見やすいです。通知内の右上にあるバツ印をクリックするとメッセージが消えていきます。

さりげない自然な感じのアニメーションが良いですね。

ちなみにアニメーションエフェクトはフェードの他にもスライドとプレーンなタイプが用意されています。

というわけで、スタッキングしていくメッセージ通知機能を実装することができるjQueryプラグイン「Toast」のご紹介でした。

スライド機能がついたプロダクトギャラリーを実装できる「Product Preview Slider」前のページ

ChromeでURL欄にカーソルを合わせる(ハイライト表示)ショートカットキー次のページURLをハイライト表示させるショートカットキー

最近の記事

  1. クリスマスブロンドロースト
  2. トマトとニンニク
  3. ウィンターホワイトマグツリー
  4. 読書の進捗状況を非表示にする
  5. 牛すじ煮込みカレーと温野菜
PAGE TOP