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

    JavaScript

    特定の要素をレスポンシブ化してくれる「Reframe.js」

    Reframe.jsはレスポンシブに対応していない特定の要素をレスポン…

  2. Fitty

    JavaScript

    親コンテナにテキストをフィットさせられる「Fitty」

    Fittyはテキストをスケールアップ、またはスケールダウンして親コンテ…

  3. Tikslus Carousel
  4. EZ Plus

    JavaScript

    タッチにも対応した画像ズーム機能を実装できるjQueryプラグイン「EZ Plus」

    EZ Plusはタッチにも対応した画像ズーム機能を実装することができる…

  5. PhotoJShop

    JavaScript

    写真にエフェクトやフィルタをかけることができるjQueryプラグイン「PhotoJShop」

    PhotoJShopというjQueryプラグインを使えば、写真にエフェ…

最近の記事

  1. 梅
  2. CAR-HLD12BK
  3. OWL-LPB6701LA

アーカイブ

PAGE TOP