remodal

Remodal : http://vodkabears.github.io/remodal/
GitHub : https://github.com/VodkaBears/Remodal/

js読み込み

<link rel="stylesheet" href="remodal.css">
<link rel="stylesheet" href="remodal-default-theme.css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="remodal.min.js"></script>

モーダル内

<div class="remodal" data-remodal-id="modal" data-remodal-options="hashTracking:false">
	<button data-remodal-action="close" class="remodal-close"></button>
	<h1>タイトル</h1>
	<p>コンテンツを記述します。</p>
	<button data-remodal-action="cancel" class="remodal-cancel">Cancel</button>
	<button data-remodal-action="confirm" class="remodal-confirm">OK</button>
</div>

リンク

<a href="#modal">「href」でポップアップ！</a>

<a data-remodal-target="modal">「data-remodal-target」でポップアップ！</a>