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. Linear Slider

    JavaScript

    シンプルな機能で使いやすいjQueryによる水平スライダー「Linear Slider」

    Linear Sliderはシンプルな機能性による水平スライダーを実装…

  2. How To Create A Simple Image Slideshow

    JavaScript

    チルトエフェクトがオシャレなスライドショー「How To Create A Simple Image…

    オシャレなチルトエフェクトにダイナミックなイメージスライダーを実装でき…

  3. Holmes

    JavaScript

    ページ内で特定のテキストを高速に検索してくれるライブラリ「Holmes」

    Holmesは、ページ内部を簡単にかつ高速に検索してくれるライブラリで…

  4. desoSlide

    JavaScript

    サムネイル付きのナビが素敵なスライダーを実装できるjQueryプラグイン「desoSlide」

    desoSlideというjQueryプラグインを使えば、サムネイル付き…

  5. awNotices

    JavaScript

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

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

最近の記事

  1. EOS R6
  2. EOS R5
  3. Anker PowerExpand Direct 6-in-1 USB-C PDメディアハブ

アーカイブ

PAGE TOP