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

no-imageトップに素早く戻れるボタンを実装できるjQueryプラグイン「TopButton」前のページ

スライドアニメーションによる多階層なハンバーガーメニュー「ggContentMenu」次のページno-image

関連記事

  1. FancySelect

    JavaScript

    セレクトメニューをスタイリッシュに実装できるjQueryプラグイン「FancySelect」

    セレクトメニューをシンプルでスタイリッシュに実装することができるjQu…

  2. jQuery Autocompleter

    JavaScript

    カスタマイズ性に優れたサジェスト機能を実装できる「jQuery Autocompleter」

    jQuery Autocompleterはカスタマイズ性に優れたサジェ…

  3. Inspiration for Menu Hover Effects
  4. CurvedText

    JavaScript

    曲線上にテキストを配置できるjQueryプラグイン「CurvedText」

    CurvedTextというjQueryプラグインを使えば、任意の曲線上…

  5. NO IMAGE

    JavaScript

    フレキシブルで軽量なJavaScriptモーダル実装「Vanilla Modal」

    Vanilla Modalは、フレキシブルでファイル容量も軽量なCSS…

  6. JavaScript

    カスタマイズ性に優れたタグ入力ができるJSライブラリ・insignia

    insigniaはカスタマイズ性に優れたタグ入力を実装することができる…

最近の記事

  1. タリーズ ハムチーズ&サラダサンド
  2. クリニカのY字タイプのフロス
  3. 日和山公園の桜
  4. 成城石井 フレンチロースト
  5. COMOLI カシミアシルクニットパーカ

アーカイブ

PAGE TOP