遮罩层

wulei4

于 2010-11-25 19:57:23 发布

阅读量95

点赞数

分类专栏： css 文章标签： JavaScript HTML ViewUI

本文链接：https://blog.youkuaiyun.com/wulei4/article/details/83769493

版权

css 专栏收录该内容

10 篇文章

订阅专栏

<%@ 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>