1.响应式(兼容IE9以上)http://www.htmleaf.com/jQuery/Lightbox-Dialog/20141223964.html2.bootstrap模态框截取自http://www.cnblogs.com/ZHF/p/3739022.html,(垂直居中)在bootstra...
分类:
其他好文 时间:
2015-08-25 16:01:32
阅读次数:
258
项目开发时很多时候会需要用到弹出框,而且很多框架都有自己的弹出框,比较现在很流行的bootstrap就有模态框(model)。很多时候这东西用起来非常方便,可以为开发省去很多自己定义的时间!最近项目中也用到了bootstrap,以及它人模态框model。用起来真的很爽,只需要$("#popbox")...
分类:
其他好文 时间:
2015-08-21 21:01:40
阅读次数:
139
很久没有写东西了,之前想写一些移动端的东西以后补上吧,移动端发展还是蛮快的,回正题。因为最近在弄一个系统,系统中引用了bootstrap,发现模态框垂直不居中,遂搜索了一下,也都试了一下,无非都是在js上做的修改,而且都还不完善,比如动态的区检测文档高度与模态框自身的高度,然后赋给模态框margin...
分类:
其他好文 时间:
2015-08-21 13:23:20
阅读次数:
222
modal.js对应的是bs的模态框组件。该组件主要有以下特点: 并不是绝对居中于浏览器窗口,而是水平居中,同时顶部距离浏览器顶部有一定的距离,其原因是因为modal框的内容可能出现滚动,垂直居中不太可能,它没有做...
分类:
Web程序 时间:
2015-08-19 23:52:20
阅读次数:
594
虽然现在开源社区上有各种功能强大的模态JS框库或JS插件,但大都需要依赖jQuery, 对于使用Zepto的移动端来说不太适合,而且很多功能都不需要。其实要实现一个简单的模态对话框,只需几行HTML+css+js代码就能搞定。首先在html上定义两个div元素,其中外层div表示模态框外面的覆盖层(...
分类:
其他好文 时间:
2015-08-15 21:24:59
阅读次数:
122
最近在做项目的过程中碰到了这样的一个问题:在使用bootstrap模态框的过程中,在模态框中有一个checkbox标签,一开始是为选中的,当点击触发模态框按钮,选中chcekbox时,会显示勾选,这个时候将选中的状态缓存起来,然后点击模态框中的关闭按钮,再次点击触发模态框按钮弹出模态框,这个时候问题...
分类:
Web程序 时间:
2015-08-14 13:19:55
阅读次数:
121
backdrop选项,当设置成false的时候,背景不会出现半透明的遮盖层,当用户点击模态框外部时不会关闭模态框;设置成true的时候会出现遮盖层,当用户点击模态框外部时则会关闭模态框。那如果又想有这个遮盖的效果,但是又不想用户点击模态框外部时关闭模态框,该怎么弄能?其实这个遮盖层就是加了一个DIV...
分类:
其他好文 时间:
2015-08-13 19:55:04
阅读次数:
181
最近在做项目的过程中碰到了这样的一个问题:在使用bootstrap模态框的过程中,在模态框中有一个checkbox标签,一开始是为选中的,当点击触发模态框按钮,选中chcekbox时,会显示勾选,这个时候将选中...
分类:
Web程序 时间:
2015-08-12 19:58:52
阅读次数:
166
$modal是一个可以迅速创建模态窗口的服务,创建部分页,控制器,并关联他们 $modal仅有一个方法open(options) templateUrl:模态窗口的地址 template:用于显示html标签 scope:一个作用域为模态的内容使用(事实...
分类:
Web程序 时间:
2015-08-12 10:21:05
阅读次数:
237
1.模态框除了通过data-toggle和data-target来控制模态弹出窗之外,Bootstrap框架针对模态弹出框还提供了其他自定义data-属性,来控制模态弹出窗。比如说:是否有灰色背景modal-backdrop,是否可以按ESC键关闭模态弹出窗。有关于Modal弹出窗自定义属性相关说明...
分类:
其他好文 时间:
2015-08-11 17:58:05
阅读次数:
91