Toast

JavaScript

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

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

Toast

デモ

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

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

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

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

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

関連記事

  1. Dependent Dropdown

    JavaScript

    ネストされたセレクトボックスを実装できる「Dependent Dropdown」

    Dependent Dropdownはネストされたセレクトボックスを実…

  2. js-offcanvas

    JavaScript

    上下左右にオフキャンバスのナビゲーションを実装できる「js-offcanvas」

    js-offcanvasは、上下左右にオフキャンバスのナビゲーションを…

  3. FitText

    JavaScript

    テキストサイズをブラウザ幅の大きさに自動で合わせてくれるjQueryプラグイン「FitText」

    可変するブラウザ幅にテキストサイズを自動で合わせてくれるjQueryプ…

  4. Create a month picker jQuery plugin
  5. bcralnit.js
  6. mFancyTitle

    JavaScript

    ブラウザのタブにあるファビコンとタイトルをアニメーション化できる「mFancyTitle」

    mFancyTitleは、ブラウザのタブに表示されているファビコンとタ…

最近の記事

  1. CHA-SAJI
  2. SLE-19P
  3. Soundcore Ace A0
  4. Fire 7 タブレット

アーカイブ

PAGE TOP