Simply Modal Box

JavaScript

高いカスタマイズ性を備えたモダンダイアログライブラリ「Simply Modal Box」

Simply Modal Boxは高いカスタマイズ性を備え、JavaScriptとCSS3を使ったモダンダイアログライブラリです。レスポンシブにも対応しているのでモバイルデバイスでもバッチリです。

Simply Modal Box

デモ

デモでは、デフォルトのものからiframeを用いたものなど、いろんなタイプが用意されています。カスタマイズ性に優れているので、様々なダイアログを作れるのが便利ですね。

クリーンなコードで軽量・シンプルに仕上がっているところも嬉しいところ。使い方もわかりやすく気軽に実装できそうです。

エフェクトには、fadein、slideRight、slideBottom、fall、flid3d、scale、newspaper、d3rotate、horizontal-3dといった種類が用意されています。

また、オプションもいろいろあり、title、description、setTimeout、classSet、close、buttonNameSet、effect、classBtn、defaultW、defaultH、cookieという項目のセッティングが可能です。

Simply Modal Box

関連記事

  1. megamenu.js

    JavaScript

    レスポンシブでスマートなメガメニューを実装できる「megamenu.js」

    megamenu.jsはjQueryを使ったレスポンシブでスマートなメ…

  2. Expanding Bar Navigation Concept
  3. no-image

    JavaScript

    SVGによるドーナッツ状(円形)のチャートを実装できる「donutty」

    donuttyはSVGによるドーナッツ状(円形)のチャートを実装できる…

  4. BetterToggle

    JavaScript

    要素を拡大しながら表示させたり非表示にしたりできるjQueryプラグイン「BetterToggle」…

    面白いjQueryプラグインがあったのでご紹介します。指定した要素を拡…

  5. JavaScript

    レスポンシブ対応のカッコイイLightbox風jQueryプラグイン「Lightcase」

    Lightcaseはフレキシブルでレスポンシブに対応したLightbo…

  6. no-image

    JavaScript

    水平スクロールができることを示唆してくれる「ScrollHint」

    ScrollHintは水平スクロールができることをポインタアイコンを使…

最近の記事

  1. USB-2H401BKN
  2. Dyson Pure Cool Me
  3. ルック セレクション
  4. シルキーウインドモバイル

アーカイブ

PAGE TOP