html遮罩层的一种实现方式
来源:互联网 发布:全球网络电视机顶盒 编辑:程序博客网 时间:2024/05/22 09:06
// 隐藏 select
function selecthidden(){
var input_elements=document.getElementsByTagName("select");
var theLength=input_elements.length;
for(i=0;i<theLength;i++)
{
input_elements[i].style.visibility="hidden";
}
}
// 显示 select
function selectshow(){
var input_elements=document.getElementsByTagName("select");
var theLength=input_elements.length;
for(i=0;i<theLength;i++)
{
input_elements[i].style.visibility="";
}
}
// 创建一个半透明的遮罩层
function createBlurDiv(){
var objScreen = document.createElement("div");
var oS = objScreen.style;
objScreen.id = "ScreenOver";
oS.display = "block";
oS.top = oS.left = oS.margin = oS.padding = "0px";
if (document.body.clientHeight)
{
var wh = document.body.clientHeight + "px";
}else if (window.innerHeight){
var wh = window.innerHeight + "px";
}else{
var wh = "100%";
}
oS.width = "100%";
oS.height = wh;
oS.position = "absolute";
oS.zIndex = "3";
oS.background = "#cccccc";
oS.filter = "alpha(opacity=40)";
oS.opacity = 40/100;
oS.MozOpacity = 40/100;
document.body.appendChild(objScreen);
selecthidden();
}
//移除遮罩层
function removeBlurDiv(){
var ScreenOver = document.getElementById("ScreenOver");
document.body.removeChild(ScreenOver);
selectshow();
}
// 在遮罩层上面出现一个div层
function divBlock(divname){
var oneDiv = document.getElementById(divname);
oneDiv.style.display="block";
}
// 把指定的层消失掉
function divNone(divname){
var oneDiv = document.getElementById(divname);
oneDiv.style.display="none";
}
// 出现
function appear(divname){
createBlurDiv();
divBlock(divname);
}
// 消失
function disappear(divname){
divNone(divname);
removeBlurDiv();
}
- html遮罩层的一种实现方式
- MVC的一种实现方式
- hotfix 的一种实现方式
- html播放视频的一种方式(推荐)
- 两个 select 联动的一种实现方式
- C++反射的一种实现方式
- ssh框架的一种实现方式
- 数独的一种实现方式
- 图片墙的一种实现方式
- 一种简单的小型企业报表实现方式
- RSA算法的一种实现方式!
- scrollview嵌套listview的一种实现方式
- openstack安装部署的一种实现方式
- [OC]Singleton的一种简便实现方式
- 一种trie树 的实现方式
- TabLayout android Tab的一种实现方式
- 一种智能指针的实现方式
- 瀑布流的一种实现方式
- 关于“ 不信任到Visual Basic Project 的程序连接”问题的处理
- Error “Cannot Delete folder: The directory is not empty” Fix
- Dom4j 写文件编码问题
- Intel 80486微处理器功能结构
- org.hibernate.exception.JDBCConnectionException: Cannot open connection
- html遮罩层的一种实现方式
- Kernel32--内核库函数提供的API AddAtom 向本地原子表添加一个字符串
- JSP文件下载的几种方式
- trim函数
- Windows Server 2003 更新程序 (KB901105) 解决声卡驱动安装问题
- s=1+(1+2)+(1+2+3)+......+(1+2+3+..n)
- 电信推行e-learning
- 基于Scintilla开发的MFC多文档源代码编辑器CodeEditor(一)
- 安装/卸载SQL时弹出命令提示符的黑框,之后一闪而过没反应