notifit

JavaScript

多彩なカスタマイズができるシンプルなjQuery通知プラグイン「notifit」

notifitは多彩なカスタマイズが可能なシンプルな通知機能を実装できるjQueryプラグインです。通知を表示する位置や縦横サイズの指定などオプションも豊富で優れたカスタマイズ性を備えています。

不透明度やフェードアニメーションなどの設定も可能

デモ

デモではさまざまなタイプの通知が用意されています。表示位置の異なる通知や縦横サイズの異なる通知、不透明度を設定した通知、背景カラーや文字カラーを指定した通知など、カスタマイズ次第でいろんな種類の通知を実装できます。

オプションも豊富で、type、msg、position、width、height、autohide、opacity、multiline、fade、bgcolor、color、timeout、zindex、offset、callback、clickable、append (dev)といった項目によるセッティングが可能です。

通知を表示する位置の指定はpositionから行うことができます。値はleft、conter、right、bottomの中から指定可能です。ほかにも、不透明度を設定できるopacityやフェードアニメーションの有無を指定できるfadeなど、オプションを用いることで多彩なカスタマイズを施せるのが便利ですね。

notifit

関連記事

  1. JavaScript

    画像やHTML要素に簡単にドロップシャドウをつけられるjQueryプラグイン「pShadow」

    個人的にすごく便利で使う機会がありそなjQueryプラグインの紹介です…

  2. Circular Slider
  3. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryのマウス操作のイベントをまとめてみる

    マウス操作に関するイベントをまとめてみました。まとめたイベントはmou…

  4. Bootstrap Navbar Sidebar

    JavaScript

    サイドに固定できるナビゲーション実装「Bootstrap Navbar Sidebar」

    Bootstrap Navbar Sidebarは、サイドに固定できる…

  5. JavaScript

    2つの異なるスクロール動作が印象的なjQueryプラグイン「multiscroll.js」

    multiscroll.jsというおもしろいjQueryプラグインがあ…

  6. table-dragger

    JavaScript

    ドラッグ&ドロップでテーブルを並べ替えられる「table-dragger」

    table-draggerはドラッグ&ドロップでテーブルの並べ替えを可…

最近の記事

  1. FE 35mm F1.8
  2. RONIN-SC
  3. プラスシェル シティ04 フォールディングカメラケース

アーカイブ

PAGE TOP