<%@ page language="java" pageEncoding="UTF-8"%>
<html>
<head>
<script type="text/javascript">
function $(id)
{
return document.getElementById(id);
}
function create(){
var div=document.createElement("div");
div.id="mydiv";
div.style.width=document.body.clientWidth;
div.style.height=document.body.clientHeight;
div.style.left=0;
div.style.top=0;
div.style.zIndex=100000;
div.style.position="absolute";
/*
div.style.filter="alpha(opacity=50,finishopacity=1,style=1,startx=0,starty=85,finishx=150,finishy=85)";
*/
div.style.filter="alpha(opacity=50)";
div.style.backgroundColor="#eee";
document.body.appendChild(div);
}
function creatediv(){
create();
$("mydiv").innerHTML = "<table border='0' width='100%' height="+document.body.clientHeight+"><tr><td valign='middle' align='center'><table><tr><td>正在加载数据......</td></tr></table></td></tr></table>";
}
function deldiv(){
$("mydiv").parentNode.removeChild(del);
}
</script>
</head>
<body>
<input type=button οnclick=creatediv() value="弹出层">
</body>
</html>