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. Panoramix Image

    JavaScript

    左右に移動できるパノラマ画像を表示させれる「Panoramix Image」

    Panoramix Imageは、左右に移動できるパノラマ画像を表示さ…

  2. luxy.js

    JavaScript

    優雅な慣性スクロールとパララックスエフェクトを実装できる「luxy.js」

    luxy.jsは優雅で美しい慣性スクロールとパララックスエフェクトを実…

  3. jQuery Smart Placeholder
  4. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryで$.inArrayを使えば配列の中に指定した値が何番目に入ってるか知ることができる

    jQueryで配列の中に自分が指定した値が何番目にあるか知りたい場合は…

  5. Light-Zoom

    JavaScript

    CSSを使用した画像ズームを実装できるjQueryプラグイン「Light-Zoom」

    Light-Zoomは純粋なCSSを使用した画像ズーム(拡大)機能を実…

  6. jQuery Context Menu

    JavaScript

    軽量でシンプルなコンテキストメニューを実装できる「jQuery Context Menu」

    jQuery Context Menuは、軽量でシンプルなコンテキスト…

最近の記事

  1. 成城石井 フレンチロースト
  2. COMOLI カシミアシルクニットパーカ
  3. 橋
  4. 梅と久保田城
  5. マワマット26

アーカイブ

PAGE TOP