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

no-imageさまざまなSVGパターンによるCSSプログレスバー「Bars」前のページ

複数の写真を組み合わせて1枚にグリッドレイアウトできるiPhoneアプリ「Layout from Instagram」次のページLayout from Instagram

関連記事

  1. no-image

    JavaScript

    シンプルで軽量なスクロールアニメーション実装「animateMePlz」

    animateMePlzはシンプルで軽量なスクロールアニメーションを実…

  2. Pagination.js

    JavaScript

    シンプルでさまざまなカスタマイズが可能な「Pagination.js」

    Pagination.jsはシンプルでさまざまなカスタマイズが可能なペ…

  3. Shuffle Letters

    JavaScript

    テキストをカシャカシャとシャッフルさせて表示していくjQueryプラグイン「Shuffle Lett…

    テキストをカシャカシャとシャッフルさせて表示していくjQueryプラグ…

  4. FModal.JS

    JavaScript

    シンプルなフルスクリーンのモーダルウィンドウ「FModal.JS」

    FModal.JSはシンプルなフルスクリーンのモーダルウィンドウを実装…

  5. JavaScript

    blur効果で要素を簡単にぼかしてくれるjQueryプラグイン「Foggy」

    FoggyというjQueryプラグインを使ってみました。これを使えば指…

  6. Stretchy

    JavaScript

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

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

最近の記事

  1. サーモンアボカドサラダラップとドリップ
  2. 猿田彦フレンチ
  3. Zarigani Curry 挽肉のカレー ゴーダチーズとピクルスを添えて
  4. ビジネスホテル
  5. ドリップコーヒー

アーカイブ

PAGE TOP