您的位置:首页 > Web前端 > JQuery

Jquery仿模态对话框插件Remodal

2015-06-27 15:43 671 查看
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.cssremodal-default-theme.cssremodal.js
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: