ModalBoxはjQueryに対応するモーダルボックス/ポップアップウィンドウを簡単に作成することができます。広告、購読フォーム、アップロードフォーム、ログイン/登録フォームなど簡単なメッセージの表示に使用できます。

<link rel="stylesheet" type="text/css" href="dist/modal-box.min.css" />
<script src="jquery.js" type="text/javascript"></script>
<script src="dist/modal-box.min.js" type="text/javascript"></script>

<div id="my-modal">modal box - content</div>
<button type="button" id="open-modal">Open modal</button>

$(document).ready(function() {
    $("#my-modal").wgModal({
        triggerElement: '#open-modal',
    });
});

MIT

• Tag
• jQuery
• Responsive