Toast

JavaScript

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

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

Toast

デモ

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

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

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

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

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

関連記事

  1. Fancy Input

    JavaScript

    かっこいいエフェクトのテキスト入力を実装できる「Fancy Input」

    Fancy Inputは、かっこいいエフェクトを備えたテキスト入力を実…

  2. hop

    JavaScript

    Webページ上の好きな場所をハイライトできる「hop」

    hopはオーバーレイされたWebページ上の好きな場所をハイライトするこ…

  3. SMINT

    JavaScript

    1ページだけのWebサイトに最適なスクロール移動できるナビゲーションを実装できるjQueryプラグイ…

    1ページだけのWebサイトを作る際にとても役立ちそうですね。ナビゲーシ…

  4. Multi-Screen.js
  5. Lazy Load

    JavaScript

    画像の読み込みを遅らせてスクロールに合わせて表示させるjQueryプラグイン「Lazy Load」

    画像の読み込みを遅らせて表示させることができるjQueryプラグイン「…

  6. BookBlock Revised

最近の記事

  1. スタンスミス(EDIFICE/IENA別注)
  2. WI-1000XM2
  3. mill オイルヒーター
  4. Anker PowerWave 10 Pad & Stand セット

アーカイブ

PAGE TOP