<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk">
<title>test</title>
</head>
<body onload="init();">
abc</p>
abc</p>
abc</p>
abc</p>
abc</p>
abc</p>
abc</p>
abc</p>
abc</p>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr><td>test page</td></tr>
</table>
<div id="divContent" style="position: absolute; top: 200px; filter: alpha(opacity=70); background-Color:green;display:none;" ><!-- opacity=70调整透明度，数值自定义 -->
<table width="200" height="100">
<tr>
<td>username</td>
<td><input type="text"></td>
</tr>
<tr>
<td>password</td>
<td><input type="password"></td>
</tr>
<tr>
<td><input type="button" onclick="closeWin();" value="ok"></td>
<td><input type="button" onclick="closeWin();" value="cancle"></td>
</tr>
</table>
</div>
</body>
<script language="javascript">
function init()
{
setTimeout("showWin()", 1000); //1000表示1秒钟
}
function showWin()
{
var div = document.getElementById("divContent");
div.style.display = "block";
}
function closeWin()
{
var div = document.getElementById("divContent");
div.style.display = "none";
}
</script>
</html>
分享到：
评论