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

How satisfied are you? Sliderスライダーの位置でアイコンが変化する「How satisfied are you? Slider」前のページ

テキストの書き出し・削減ができるjQueryプラグイン「textwriteout」次のページtextwriteout

関連記事

  1. jQuery Tooltip Basic

    JavaScript

    カスタマイズしやすいツールチップ実装「jQuery Tooltip Basic」

    jQuery Tooltip Basicは、カスタマイズしやすいツール…

  2. no-image

    JavaScript

    サラッとスライスで切り替わるスライダー実装「Slice Slider」

    Slice Sliderはサラッとスライスでシンプルに切り替わるスライ…

  3. JavaScript

    画像の一部をカッコよく拡大したりできるjQueryプラグイン「Loupe」

    こうゆうプラグインは初めて使ってみたんですが、とても面白いですね。Lo…

  4. no-image

    JavaScript

    サイドバーをフローティングできる「FloatSidebar.js」

    FloatSidebar.jsはサイドバーをフローティングできるVan…

  5. markerPen

    JavaScript

    Webページにマーカー機能を実装できるjQueryプラグイン「markerPen」

    markerPenはWebページにマーカーで描ける機能を実装することが…

最近の記事

  1. 10種の野菜と5種のビーンズ サラダラップとドリップコーヒー
  2. EOS RP
  3. COMOLI シルクネルジャケット シルクネルドローストリングパンツ
  4. スターバックス ハシエンダ アルサシア

アーカイブ

PAGE TOP