首先用几句话来描述一下实现过程，好有个思路嘛^^：（1）先创建一个div层将整个屏幕罩住（所谓的遮罩层），可设置该层的属性，例如透明度（2）在遮罩层内创建div来展示内容（这里暂时称为内容展示层），在该层就可以灵活的创建个人需要的HTML组件了。例如你在内容展示层中创建了一个iframe，嘿嘿，你就...
分类：
其他好文 时间：
2014-12-26 16:25:29
阅读次数：
241
弹出层效果是一个很实用的功能，很多网站都采用了这种方式实现登录和注册，比如百度： 弹出层的特点：点击登录或注册的时候在页面的中间部分弹出一个登录或注册区域并且页面有一个遮罩层，而且登录框在遮罩层之上，也就是登陆框的z-index值要大于遮罩层的z-index值。...
分类：
编程语言 时间：
2014-12-26 16:19:56
阅读次数：
138
在我们做弹出遮罩层时经常遇到这种问题，就是select被这罩住不兼容IE6，其实解决这种问题并不难，只要掌握住原理就挺简单的。首先就是当遮罩层出现时select要暂时隐藏，但是不能用display:none;要用visibility:hidden;这样select的虽然隐藏但位置还在。下面是js代码...
分类：
其他好文 时间：
2014-12-18 18:45:30
阅读次数：
157
1.html: 2.css: #mask { width:100%; height:100%; background:#000; opacity:0.5; filter:alpha(opacity=50); position:absolute; left:0; top:0; } 3.js: docu...
分类：
其他好文 时间：
2014-12-12 18:31:23
阅读次数：
127
跟随屏幕滚动层、遮罩层、获取Div相对定位、整个屏幕、html文档的jquery基本操作
分类：
Web程序 时间：
2014-12-12 13:04:46
阅读次数：
190
1.自己先定义两个div,一个是用来放弹出层内容的，一个是用于设置遮罩层颜色的，一个触发显示弹出层的按钮
2.给两个div分别设置css样式，遮罩的样式主要有：position:fixed;z-index:2;background-color:#000;opacity:0.7;top:0;left:0;width:100%;height:100%;display:none;
显示弹出层内容的主...
分类：
其他好文 时间：
2014-12-12 11:47:49
阅读次数：
145
1.MIUI6的坑，首先是确定高度的，overflow-y:scroll;屏幕难以滚动的坑。要对div设置position为absolute或者relative，才能快活地滚。2.其次是遮罩层，被同级下层代码盖住。那就遮罩层再下层，同时提高z-index。
分类：
其他好文 时间：
2014-12-12 01:17:27
阅读次数：
206
最近一直在整理工作中用的到的代码，将一些通用的内容整理积累出来。遮罩顾名思义就是遮住页面的东西，常见的用途就是等待页面请求加载过程中，阻止其他操作，防止重复操作，等待上一操作完成后再移除遮罩，有些图片查看也使用类此效果。 1 CL = Common.LightBox = { 2 elem...
分类：
其他好文 时间：
2014-12-08 22:42:00
阅读次数：
209
1.jQuery鼠标悬停文字渐隐渐现动画效果这是一款基于JQuery实现的鼠标悬停文字渐隐渐现动画效果源码，是一款鼠标悬停后图片渐渐有一层透明遮罩层，同时说明文字从左侧滑入，鼠标离开后文字从右侧滑出，整体效果美观自然，用户体验较好。是一款比较优秀的特效源码。该源码兼容目前最新的各类主流浏览器。在线演...
分类：
Web程序 时间：
2014-11-27 12:09:09
阅读次数：
211
