悬浮窗口

最新推荐文章于 2019-10-08 20:46:45 发布

love398146779

最新推荐文章于 2019-10-08 20:46:45 发布

阅读量139

点赞数

分类专栏：前端文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/love398146779/article/details/84540978

版权

前端专栏收录该内容

61 篇文章 0 订阅

订阅专栏

<!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>