asp.net页面弹出层 背景变灰的实现方法
本文导语: 在很多的图片站中，都会见到这样的效果： 点击某个图片，弹出一个层来显示大图，然后背景变灰，其它内容就点不动了。 本节也实现一个这样的效果，有兴趣的朋友，参考下。 1，aspx页面： 代码示例: #bgDiv { display: none...
在很多的图片站中，都会见到这样的效果：
点击某个图片，弹出一个层来显示大图，然后背景变灰，其它内容就点不动了。
本节也实现一个这样的效果，有兴趣的朋友，参考下。
1，aspx页面：
{
display: none;
position: absolute;
top: 0px;
left: 0px;
right:0px;
background-color: #777;
filter:progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=25,finishOpacity=75)
opacity: 0.6;
}
#ElseAddressDiv
{
width: 700px;
height: 290px;
position:absolute;
padding: 10px;
vertical-align: middle;
border: solid 3px #ff8300;
z-index: 10001;
display: none;
background-color:White;
}
2，js代码：
function invokeOpen()
{
document.getElementById("ElseAddressDiv").style.display="block";
//背景
var bgObj=document.getElementById("bgDiv");
bgObj.style.display="block";
bgObj.style.width = document.body.offsetWidth + "px";
bgObj.style.height = screen.height + "px";
//定义窗口
//var msgObj=document.getElementById("ElseAddressDiv");
//msgObj.style.marginTop = -75 + document.documentElement.scrollTop + "px";
}
function invokeClose()
{
document.getElementById("ElseAddressDiv").style.display="none";
document.getElementById("bgDiv").style.display="none";
//document.getElementById("CheckElseAddress").setAttribute("checked","false");
//document.getElementById("MoRenAddress").setAttribute("checked","true");
}
您可能感兴趣的文章:
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。