Jquery仿模态对话框插件Remodal
2015-06-27 15:43
671 查看
1、CSS中引用remodal.css、remodal-default-theme.css
2、JS中引用remodal.js
3、
4、背景div加上 class="remodal-bg"有模糊效果
附件:remodal.css 、 remodal-default-theme.css 、remodal.js
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
相关文章推荐
- 前端开发规范之jQuery编码规范
- jquery 的缺点
- jquery学习之 过滤选择器
- jQuery学习之-层次选择器
- jQuery入门:jQuery的ready事件
- JQuery插件ajaxFileUpload 异步上传文件
- 使用mobile jQuery 动态给select下拉添加数据,选中项默认不显示的解决方法。
- jquery学习之-普通选择器
- jquery修改/追加/删除html网页中的内容示例
- JQuery 的跨域方法 可跨任意网站
- jQuery.data() 存储数据
- Connecting the dots with jQuery, JSONP, and WebAPI
- jsonp jquery jersey 实现跨域访问
- Jquery Cross-Domain ajax call using JSONP
- Consuming WebAPI Using jQuery
- Implementing & Consuming ASP.NET WEB API from JQuery (MVC 4)
- JQuery的Ajax跨域请求的解决方案
- Jquery click/bind/live/delegate/on事件,阻止默认事件,以及插件的写法
- jQuery入门:jQuery对象方法`$()`和核心方法`$`
- jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关