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. gridstack.js

    JavaScript

    ウィジェットレイアウトを作成できるjQueryプラグイン「gridstack.js」

    gridstack.jsはドラッグ&ドロップでウィジェットレイアウトを…

  2. Picker

    JavaScript

    iOSのようなピッカーを実装できるJSライブラリ「Picker」

    Pickerは、iOSのUIのようなピッカーを実装することができるJS…

  3. no-image

    JavaScript

    軽量なスティッキー要素を実装できるjQueryプラグイン「Zebra Pin」

    Zebra Pinは軽量なスティッキー要素を実装できるjQueryプラ…

  4. 10のjQueryスニペット

    JavaScript

    Webデザイナーが知っておくべき10のjQueryスニペット

    すべてのWebデザイナーが知っておくべき10のjQueryスニペットが…

  5. jQuery Gridly

    JavaScript

    クリックしてその場で拡大したりドラッグで配置を入れ替えたりできるプラグイン「jQuery Gridl…

    おもしろいjQueryプラグインがあったのでご紹介します。クリックして…

  6. NO IMAGE

    JavaScript

    テキストコンテンツをページ分割(ページネーション)できる「jPaginate」

    jPaginateはWebページ内のテキストコンテンツをページ分割(ペ…

最近の記事

  1. KMC-80BK
  2. 味噌ラーメン〜旨辛にんにく味噌〜
  3. STP-XH70
  4. 久保田城
  5. ハードサイド CS80

Instagram始めました

Facebookページ

PAGE TOP