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

    タッチ対応のドロワーコンポーネント「hy-drawer」

    hy-drawerはタッチに対応したドロワーコンポーネントです。And…

  2. JavaScript

    JavaScriptで連想配列(ハッシュ)から1つずつ値を取り出して配列に入れてランダムで取得する

    タイトルが分かりづらくてあれなんですが、JavaScriptの連想配列…

  3. Swipe-Li

    JavaScript

    スマホ操作に最適!左右のスワイプで有効・無効を選べるjQueryプラグイン「Swipe-Li」

    Swipe-LiというjQueryプラグインを使えば、左右のスワイプで…

  4. no-image

    JavaScript

    レスポンシブ対応の超軽量なjQueryイメージスライダー「tinyslide」

    tinyslideはレスポンシブに対応した超軽量なイメージスライダーを…

  5. NO IMAGE

    JavaScript

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

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

最近の記事

  1. VS-543AS
  2. タリーズ 本日のコーヒー
  3. MRW-G1
  4. 桜と太陽

アーカイブ

PAGE TOP