接上文 简单的弹出拖拽窗口（一） 下面开始具体分析代码部分： 首先我们先确认下结构： 悬浮窗口：初始不可见。包括标题栏和内容栏，标题栏内有标题和关闭按钮。 遮罩层：初始不可见。用于设置弹出悬浮窗口时的半透明背景， 按钮：用于点击弹出悬浮窗口。 下面进行详细解释 1.要让窗口能自由移动，那么窗口的定位 ...
分类：
其他好文 时间：
2016-06-12 12:24:42
阅读次数：
220
一.实现弹窗原理：弹窗的实现：(1)先写出一个div，弹出窗的样式，然后使用display样式进行隐藏；(2)当点击登录时，弹出窗口，这时display样式变为block(3)遮罩层的实现，使用一个div，让它占据整个屏幕，刚开始时隐藏，当点击登录时，遮罩层的display样式变为block,只是设计时..
分类：
Web程序 时间：
2016-06-07 11:15:36
阅读次数：
296
1.在项目于当中使用swiper3做上下滑动H5页面的时候，里面再次嵌套一个swiper或者touchslider滑动插件的时候（在width:100%的时候显示正常），当宽度小于100%的时候，按钮控件无法显示 方法一 在向上滑动的时候显示一个遮罩层 语言组织太差，不知道有没有看懂 ...
分类：
其他好文 时间：
2016-06-06 12:12:17
阅读次数：
605
copy from http://www.w3cplus.com/mobile/mobile-terminal-refactoring-modal.html 本系列文章，如果没有特别说明，兼容安卓4.0.4+ 设计结构如下： 前面的第n篇文章提过这个overlay遮罩层的问题，现在这里说明下为什么这 ...
分类：
移动开发 时间：
2016-05-24 12:10:35
阅读次数：
272
解决方案： 1. 保证执行窗口是在全屏模式下 maximize browser window 2. 页面可能存在遮罩层，导致定位不上元素。可使用jquery去定位元素 3. 如果使用xpath定位，也可将执行浏览器切换成IE ...
分类：
其他好文 时间：
2016-05-18 21:28:43
阅读次数：
4353
弹出遮罩层水平垂直居中 很多时候，登陆注册的时候，会需要弹出一个层，且后面有一层遮罩蒙版层，让后面不可点击状态 且需要这个弹出层是水平垂直居中显示的 固定宽高的水平垂直居中好实现 这里的弹出层，是随着内容撑开的，不固定宽高 .wrap .pop { width: 80%; height: auto; ...
分类：
其他好文 时间：
2016-05-18 10:41:40
阅读次数：
473
前端开发中，很多时候一个弹出层的显示都会伴随着一个遮罩层的显示。 以上代码是一个遮罩层的简易演示代码。 在页面没有滚动条的情况下都能满足要求。但是当页面有滚动条时，你就会发现，以上的处理方式并不能满足全屏遮罩。 下面就通过结合javascript的方式，实现页面包含滚动条时的全屏遮罩。 这里将会用到 ...
分类：
其他好文 时间：
2016-05-11 16:27:44
阅读次数：
129
前端开发中，很多时候一个弹出层的显示都会伴随着一个遮罩层的显示。 以上代码是一个遮罩层的简易演示代码。 在页面没有滚动条的情况下都能满足要求。但是当页面有滚动条时，你就会发现，以上的处理方式并不能满足全屏遮罩。 下面就通过结合javascript的方式，实现页面包含滚动条时的全屏遮罩。 这里将会用到 ...
分类：
其他好文 时间：
2016-05-10 20:51:48
阅读次数：
178
jQuery弹出可关闭遮罩层：http://hovertree.com/texiao/layer/1/代码如下： 转自：http://hovertree.com/h/bjaf/tishiceng.htm 特效库：http://www.cnblogs.com/roucheng/p/texiao.htm ...
分类：
Web程序 时间：
2016-05-02 22:45:51
阅读次数：
143
CSS样式部分: <style type="text/css">#loading-mask{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:20000; background-color:gray; } #loa ...
分类：
Web程序 时间：
2016-04-23 11:44:00
阅读次数：
203
