采纳的答案
2008-07-01 zxz_java (初级程序员)
可以定义一个样式
#fullDiv {
display: none;
opacity: 0.4; -moz-opacity: 0.4; -khtml-opacity: 0.4; filter: alpha(opacity=30);
position:absolute;
left:0;
top:0;
padding:0;
width:100%;
height:100%; /* works only if parent container is assigned a height value */
color:#333333;
background:#000000;
}
#msgDiv{
display: none;
width:420PX;
height:56PX;
position: absolute;
top:expression((this.parentElement.offsetHeight-this.offsetHeight)/2);left:expression((this.parentElement.offsetWidth-this.offsetWidth)/2);
background: #b9e77b;
color: #333;
border: 1px solid #636D61;
left:32.5%;
}
然后在页面中加上<!--弹出DIV窗口-->
<div id="fullDiv"></div>
<div id="msgDiv">
数据处理中，请稍候......
</div>
<script type="text/javascript">
function oo(obj)
{
return document.getElementById(obj)
}
function showDiv(showdiv,fullDiv)
{
var mydiv=oo(showdiv);
var full=oo(fullDiv);
full.style.height=document.body.scrollHeight;
mydiv.style.display="block";
full.style.display="block";
}
function closediv(showdiv,fullDiv)
{
var mydiv=oo(showdiv);
var full=oo(fullDiv);
mydiv.style.display="none";
full.style.display="none";
}
</script>
<a href="javascript:showDiv('msgDiv','fullDiv');">点击我吧</a>
#fullDiv {
display: none;
opacity: 0.4; -moz-opacity: 0.4; -khtml-opacity: 0.4; filter: alpha(opacity=30);
position:absolute;
left:0;
top:0;
padding:0;
width:100%;
height:100%; /* works only if parent container is assigned a height value */
color:#333333;
background:#000000;
}
#msgDiv{
display: none;
width:420PX;
height:56PX;
position: absolute;
top:expression((this.parentElement.offsetHeight-this.offsetHeight)/2);left:expression((this.parentElement.offsetWidth-this.offsetWidth)/2);
background: #b9e77b;
color: #333;
border: 1px solid #636D61;
left:32.5%;
}
然后在页面中加上<!--弹出DIV窗口-->
<div id="fullDiv"></div>
<div id="msgDiv">
数据处理中，请稍候......
</div>
<script type="text/javascript">
function oo(obj)
{
return document.getElementById(obj)
}
function showDiv(showdiv,fullDiv)
{
var mydiv=oo(showdiv);
var full=oo(fullDiv);
full.style.height=document.body.scrollHeight;
mydiv.style.display="block";
full.style.display="block";
}
function closediv(showdiv,fullDiv)
{
var mydiv=oo(showdiv);
var full=oo(fullDiv);
mydiv.style.display="none";
full.style.display="none";
}
</script>
<a href="javascript:showDiv('msgDiv','fullDiv');">点击我吧</a>
提问者对于答案的评价：
我明白是怎么回事了,谢谢你的回答!
其他回答
锁定层是什么意思？
是说的绝对定位吗?
如果是绝对定位的话.要把层的层的style属性中的position设置为absulute.
是说的绝对定位吗?
如果是绝对定位的话.要把层的层的style属性中的position设置为absulute.
<div style="position:abslute;left:0;top:0;width:100px;height:100px"> 这是一个层 </div>
ham (架构师) 2008-06-30
