Jquery仿模态对话框插件Remodal

1、CSS中引用remodal.css、remodal-default-theme.css

2、JS中引用remodal.js

3、

<a href="#modal">点我</a>

<div class="remodal" data-remodal-id="modal">
    <button data-remodal-action="close" class="remodal-close"></button>
    <h1>Remodal</h1>
    <p>
        Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
    </p>
    <br>
    <button data-remodal-action="cancel" class="remodal-cancel">Cancel</button>
    <button data-remodal-action="confirm" class="remodal-confirm">OK</button>
</div>

4、背景div加上 class="remodal-bg"有模糊效果

附件：remodal.css 、 remodal-default-theme.css 、remodal.js

转载于:https://www.cnblogs.com/spqadd/p/4604159.html