首页 > Web开发 > 详细

Jquery仿模态对话框插件Remodal

时间:2015-06-27 18:01:12      阅读:2430      评论:0      收藏:0      [点我收藏+]

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.cssremodal.js

Jquery仿模态对话框插件Remodal

原文:http://www.cnblogs.com/spqadd/p/4604159.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!