シンプルなモーダル表示用jqueryライブラリ Remodal

cap01

Remodalはシンプルなモーダル表示用jqueryライブラリです。

シンプルに実装できて、使いやすいのが特徴です。

スポンサーリンク

デモ

デモページを用意しました。

ダウンロード

「Download ZIP」ボタンからダウンロードします。

cap4

使い方

HTMLを用意します。

モーダル表示部分のHTMLも用意します。

CSSを読み込みます。ダウンロードしたzipのdistフォルダにあります。

jQueryと、ダウンロードしたzipのdistフォルダにあるremodal.min.jsを読み込みます。

これだけで実装は完了です。

モーダルのデザインを追加することもできます。赤色透過背景のモーダルを実装してみます。

cap02

HTMLを用意します。「modal2」という名前です。

追加のモーダル表示部分のHTMLを用意します。

CSSを用意します。

スクリプトを実行します。</body>タグの前に挿入します。

これで、モーダルデザインの追加も完了しました。

オプションを指定することもできます。

スポンサーリンク
Remodal – シンプルなモーダル表示用jqueryライブラリ

人気の記事

コメントを投稿する

  • Posted on 2016.03.03
  • Views 2,331