no-image

JavaScript

シンプルでエレガントなモーダルボックスを実装できる「Fallr.js」

Fallr.jsはシンプルでエレガントなモーダルボックスを実装できるjQueryプラグインです。メッセージ、アラート、プロンプト、ダイアログ、ポップアップ、通知など豊富な種類の機能が用意されています。

Fallr.js

デモ

デモではアラート、コンファーム、プロンプト、フォーム、フルスクリーン、スペシャルエフェクトなど数多くのサンプルが用意されています。各サンプルにある「demo」ボタンをクリックすることでその動作を見ることが可能です。また、サンプルごとにコードの記述例も載っているので助かりますね。

オプションも豊富で、buttons、icon、content、position、closeKey、closeOverlay、useOverlay、autoclose、easingDuration、easingIn、easingOut、height、width、zIndex、bound、afterHide、afterShowという項目のセッティングができます。

そのほか、メソッドにはshow、hide、resize、set、blink、shakeが用意されています。

Fallr.js

関連記事

  1. Text Effects

    JavaScript

    テキストがカシャカシャ切り替わって表示するjQueryプラグイン「Text Effects」

    Text EffectsというjQueryプラグインを使えば、テキスト…

  2. Stretchy

    JavaScript

    入力した文字数に合わせて可変するフォーム実装「Stretchy」

    Stretchyは入力した文字数に合わせてボックスが伸び縮みするフォー…

  3. Horizon Swiper

    JavaScript

    スワイプやスクロール対応の軽量なjQueryプラグイン「Horizon Swiper」

    Horizon Swiperはスワイプやブラウザスクロールに対応したj…

  4. Captall

    JavaScript

    画像やDOM要素の上にキャプションを表示することができるjQueryプラグイン「Captall」

    CaptallというjQueryプラグインを使えば、画像や設定したDO…

  5. jQuery TextFill

    JavaScript

    テキストをリサイズしてコンテナにフィットさせる「jQuery TextFill」

    jQuery TextFillはテキストをリサイズしてコンテナにフィッ…

  6. JavaScript

    指定したボックス要素にドロップシャドウをつけてくれるjQuery Shadow Plugin

    指定したボックス要素にドロップシャドウをつけてくれるjQuery Sh…

最近の記事

  1. COMOLIの製品染ナイロン アノラックとトラックパンツ
  2. WH-XB900N
  3. Eufy RoboVac L70 Hybrid
  4. cheero Smart USB Charger 48W CHE-320

アーカイブ

PAGE TOP