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. ScrollMenu.js

    JavaScript

    縦横配置やナビメニューと統合できる便利なスクロールバー「ScrollMenu.js」

    ScrollMenu.jsは通常の味気ないスクロールバーを便利で新しい…

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

    JavaScript

    jQueryでマウスオーバーした時に要素を全体的に拡大するやつを作ってみる

    すごくどうでもいい内容なんですが、ちょっとやってみたかったので素人なが…

  3. awNotices

    JavaScript

    スタート・ストップ機能がついたシンプルなjQueryニュースティッカー「awNotices」

    awNoticesはスタート・ストップ機能がついたシンプルに切り替わる…

  4. Granim.js

    JavaScript

    流れるように変化するグラデーションのアニメーションを実装できる「Granim.js」

    Granim.jsは美しく変化するグラデーションのアニメーションを実装…

  5. BIDEO.JS

    JavaScript

    背景動画をフルスクリーンで表示させるJSライブラリ「BIDEO.JS」

    BIDEO.JSは、webページの背景にフルスクリーンで動画を表示させ…

  6. PIGNOSE Calendar

    JavaScript

    美しくてシンプルに使えるデートピッカー実装「PIGNOSE Calendar」

    PIGNOSE Calendarは、美しくてシンプルな操作性によるデー…

最近の記事

  1. 三菱ブレッドオーブン
  2. 浜離宮恩賜庭園

アーカイブ

PAGE TOP