iziModal

JavaScript

エレガント・レスポンシブ・フレキシブルでそのうえ軽量なモーダルウィンドウ「iziModal」

iziModalはエレガント・レスポンシブ・フレキシブルなモーダルウィンドウを実装できるjQueryプラグインです。洗練されたデザインで、アニメーションもとても優雅。さらに容量も軽量ということで、これからモーダルウィンドウを実装したいという人には、有力な候補になるのではないでしょうか?

iziModal

デモ

ページ内には、Default、Iframe、Custom、Alert like、Alert like II、Large Contentというサンプルが用意されています。

一般的なテキストの表示から、動画、フォーム、アラート、長文などさまざまなコンテンツを美しいモーダルウィンドウで魅せることができます。

モーダルウィンドウの立ち上がりや終了時のアニメーションが、とても滑らかでオシャレですね。シンプルでエレガント、それでいてレスポンシブ対応なので、ハイセンスなモーダルウィンドウをサクッと実装したい人にはピッタリですね。とくにエレガントなサイトとの相性はバツグンだと思います。

またオプションも豊富に用意されており、タイトルやサブタイトルをはじめ、テーマ、ヘッダーカラー、オーバーレイカラー、アイコンカラー、幅、フルスクリーンなど、さまざまなセッティングが可能です。好みにあわせてカスタマイズできるのも、うれしいポイントですね。使い方もわかりやすくてグッドです。

iziModal

WEB TICKERテキストや画像を無限にスクロールさせれるティッカー実装「WEB TICKER」前のページ

マウスオーバーで画像を拡大ズーム・移動もできるjQueryプラグイン「ZooMove」次のページZooMove

関連記事

  1. Letter by Letter JS

    JavaScript

    美しいフェードでテキストが徐々に表示されていく「Letter by Letter JS」

    Letter by Letter JSは美しいフェードでテキストを徐々…

  2. SmartPhoto.js

    JavaScript

    レスポンシブなイメージビューアを実装できる「SmartPhoto.js」

    SmartPhoto.jsは、レスポンシブに対応したかっこいいイメージ…

  3. Cloud 9 Carousel

    JavaScript

    サクサク動作する3Dカルーセルを実装できる「Cloud 9 Carousel」

    Cloud 9 Carouselはサクサク動作する3Dカルーセルを実装…

  4. no-image

    JavaScript

    依存関係のないタグ付け機能を実装できる「taggle.js」

    taggle.jsは依存関係のないタグ付け機能を実装できるのが特徴です…

  5. JavaScript

    jQueryプラグインのレスポンシブなカルーセルのスライダー「Elastislide」を使ってみた

    jQueryプラグインで画面のサイズによってレイアウトを合わせてくれる…

  6. Zoomerang.js

最近の記事

  1. CAR-HLD12BK
  2. OWL-LPB6701LA
  3. cheero Power Mountain mini 30000mAh CHE-110

アーカイブ

PAGE TOP