Remodal - 使える場面の多そうなjQuery製モーダルウィンドウライブラリ MOONGIFT

テクノロジーカテゴリーの変更を依頼記事元:

www.moongift.jp

13 usersがブックマークコメント

記事へのコメント0件

注目コメント
新着コメント

新着コメントはまだありません。
このエントリーにコメントしてみましょう。

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

<iframe marginwidth="0" marginheight="0" src="https://b.hatena.ne.jp/entry.parts?url=https%3A%2F%2Fwww.moongift.jp%2F2014%2F03%2Fremodal-%25E4%25BD%25BF%25E3%2581%2588%25E3%2582%258B%25E5%25A0%25B4%25E9%259D%25A2%25E3%2581%25AE%25E5%25A4%259A%25E3%2581%259D%25E3%2581%2586%25E3%2581%25AAjquery%25E8%25A3%25BD%25E3%2583%25A2%25E3%2583%25BC%25E3%2583%2580%25E3%2583%25AB%25E3%2582%25A6%25E3%2582%25A3%25E3%2583%25B3%25E3%2583%2589%25E3%2582%25A6%2F" scrolling="no" frameborder="0" height="230" width="500"><div class="hatena-bookmark-detail-info"><a href="https://www.moongift.jp/2014/03/remodal-%E4%BD%BF%E3%81%88%E3%82%8B%E5%A0%B4%E9%9D%A2%E3%81%AE%E5%A4%9A%E3%81%9D%E3%81%86%E3%81%AAjquery%E8%A3%BD%E3%83%A2%E3%83%BC%E3%83%80%E3%83%AB%E3%82%A6%E3%82%A3%E3%83%B3%E3%83%89%E3%82%A6/">Remodal - 使える場面の多そうなjQuery製モーダルウィンドウライブラリ MOONGIFT</a><a href="https://b.hatena.ne.jp/entry/s/www.moongift.jp/2014/03/remodal-%E4%BD%BF%E3%81%88%E3%82%8B%E5%A0%B4%E9%9D%A2%E3%81%AE%E5%A4%9A%E3%81%9D%E3%81%86%E3%81%AAjquery%E8%A3%BD%E3%83%A2%E3%83%BC%E3%83%80%E3%83%AB%E3%82%A6%E3%82%A3%E3%83%B3%E3%83%89%E3%82%A6/">はてなブックマーク - Remodal - 使える場面の多そうなjQuery製モーダルウィンドウライブラリ MOONGIFT</a></div></iframe>

プレビュー

規約違反を報告

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

Remodal - 使える場面の多そうなjQuery製モーダルウィンドウライブラリ MOONGIFT

jQueryでモーダルウィンドウ表示を行いたい時に使えるのがRemodalです。カスタマイズが多彩、軽量といっ... jQueryでモーダルウィンドウ表示を行いたい時に使えるのがRemodalです。カスタマイズが多彩、軽量といった特徴があります。ふわっと浮き出るのも印象的です。 Remodalのインストールまず手順としてスタイルシートとJavaScriptを読み込みます。 <link rel="stylesheet" href="path/to/your/jquery.remodal.css"> <script src="path/to/your/jquery.remodal.min.js"></script> 次にHTML全体をクラスで囲みます（背景を暗くするためです）。 <div class="remodal-bg"> ここにHTMLを記述 </div> そしてモーダルウィンドウで表示する内容を記述します。 <div class="remodal" data-remodal-id="modal">