<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>无标题页</title>
<style type="text/css">
#dialog1
{
position: absolute;
top: 0px;
left: 0pt;
width: 100%;
height: 100%;
background-color: Black;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
text-align: center;
display:none;
}
#dialog2
{
border: 1px solid rgb(51, 102, 153);
background: white;
position: absolute;
width: 500px;
height: 200px;
top: 135px;
left: 232px;
display:none;
}
</style>
<script>
function show()
{
document.getElementById("dialog1").style.display="block";
document.getElementById("dialog2").style.display="block";
}
function hide()
{
document.getElementById("dialog1").style.display="none";
document.getElementById("dialog2").style.display="none";
}
</script>
</head>
<body>
<input id="Button1" type="button" value="弹出" onclick="show()" />
<div id="dialog1"><iframe src="javascript:false" style="background-color: Black;filter: alpha(opacity=0);position:absolute; visibility:inherit; top:0px; left:0px; width:100%; height:100%; z-index:-1;"></iframe>
</div>
<div id="dialog2" align="center" >
<input id="btnconfirm" type="button" value="确定" onclick="hide()" />
<br />正在加载数据......<br/>
<img src="09.gif">
</div>
</body>
</html>
评论