JS创建页面蒙板的一些知识技巧总结-ajax技巧
来源:互联网 发布:java打开dos 编辑:程序博客网 时间:2024/05/04 05:16
在ajax流行的今天,模拟弹出窗口,或者thinkbox,greybox等很多特效都用了蒙板的功能,其实实现起来十分简单,关键是获取浏览器的高度和宽度
----1、创建一个绝对定位,top/left都为0,
----2、宽度和高度等于浏览器内容的高宽,
----3、然后索引设置的大点即可。
1、创建的蒙板如果要禁止对蒙板下部内容的操作必须设置background属性且必须设置一个有效的值,否则虽然遮罩层创建成功,但仍然可以对页面下部的元素进行操作。
2、如果要显示页面底部的元素可以通过css设置透明度来实现,如filter:alpha(opacity=0),这里是完全透明,淡然也可以设置为半透明。
3、div层形成的蒙板可以蒙住iframe,但不能盖住select及object。
4、可以使用iframe可以遮盖select,一般使用iframe和div结合的办法遮盖select(div所以要比iframe的z索引高)并创建内容,其实iframe会自动隐藏select,也可以自己只使用div和js隐藏select。
5、对于使用js隐藏select的方法多数是在创建真正的蒙板时使用,如弹出框或thinkbox等。对于使用iframe和div的办法主要用于局部蒙板,如日期控件或title弹出时使用iframe和div定位在同一位置可以遮盖住其下的select控件。
以下为上面一些总结的演示:
(1)不设置background属性的div蒙板。{蒙板出现后背后元素依然可以操作}
演示:请点击
(2)设置了background属性的不透明div蒙板(透明度100%)(颜色为黑色)。{背后元素不可见且不可操作}
演示:请点击
(3)设置了background且设置蒙板半透明(50%)的div蒙板。{背后隐约元素可见但不可操作}
演示:请点击
(4)设置了background且设置蒙板全透明(0%)的div蒙板。{背后元素可见但不可操作}
演示:请点击
(5)使用div生成的蒙板不能遮盖select,但能遮盖iframe。
演示:请点击
(6)使用全透明的iframe生成蒙板。{可遮盖select:自动隐藏select}
演示:请点击
(7)div+iframe遮盖局部select。
演示:请点击
- JS创建页面蒙板的一些知识技巧总结-ajax技巧
- [原创]JS创建页面蒙板的一些知识技巧总结
- js的一些技巧
- 使用JS操作页面表格,元素的一些技巧
- 页面的一些小技巧
- js 使用技巧的一些技巧
- 项目中一些js小的技巧总结
- 常用的一些JS技巧
- 一些有用的JS技巧
- 一些有用的JS技巧
- 一些JS的操作技巧
- 关于JS的一些技巧
- JS/Jquery的一些技巧
- 一些实用的js技巧
- js的一些优化技巧
- JS的一些小技巧
- JS的一些小技巧
- 一些技巧和知识
- javascript获取textarea光标选择位置和内容方法(IE, Firefox)
- 好久没来了!该休息下了!
- Linux教程-入门课程-什么是Shell?
- 函数名修饰约定规则
- JSEclipse 的下载地址
- JS创建页面蒙板的一些知识技巧总结-ajax技巧
- 在Gridview中实现合计
- 在Linux下安装JDK+Tomcat+mySQL
- zz 彩色转灰度算法
- 如何将同一表的一列数据完全复制到另一列(两列数据类型相同)
- 函数名修饰和调用规则2
- 由成幻OnlineJudge学习如何做自己的Acm-Icpc在线评判系统-5.在线编译与测试系统代码粗解
- Command设计模式
- 一流代码所需具备的要素