“shell”是命令解释程序

来源:互联网 发布:软件外包价格 编辑:程序博客网 时间:2024/04/29 21:09

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>


<body>
<script language="javascript">
//******************************************************
function controlDiv(DivID,divCase){
var divs=document.getElementById(DivID); 
var v_left=(document.body.clientWidth-300)/2 + document.body.scrollLeft; //divs.clientWidth
var v_top=(document.body.clientHeight-divs.clientHeight)/2 + document.body.scrollTop;
if(divCase==1){
divs.style.left=v_left+'px';
divs.style.top=v_top+'px';
divs.style.display="block"; //显示DIV
}else if(divCase==2)
divs.style.display="none"; //屏蔽DIV
else
   divs.innerHTML=divCase; //输出HTML文本到DIV
}
//******************************************************
</script>
HTML部分:
<style type="text/css">
<!--
body,td,th {
font-size: 12px;
margin:0
}
#msgDiv{ position:absolute; display:none; width:300px; background:#FFF; border: #DDD 8px solid; z-index:2009}
#msgDiv h1{ margin:0px; padding:5px 3px 0px 3px; height:20px; background:#F4FAFF; font-weight:normal; font-size:12px;}
#msgDiv h1 span{ float:right}
-->
</style>
<div align="center">
<p>&nbsp;</p>
<p><a href="#" onclick="controlDiv('msgDiv',1)">点击弹出</a></p>
</div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div align="center"><a href="#" onclick="controlDiv('msgDiv',1)">点击弹出</a></div>
<div id="msgDiv">
<h1><span>[<a href="#" onclick="controlDiv('msgDiv',2)">关闭</a>]</span>弹出窗口</h1>
    <div align="center"><br />
    content<br />
    </div>
</div>
</body>

</html>











-------------------------------------

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
body{margin:0px}
#big{width:100%; height:100%; position:absolute; top:0px; left:0px; right:0px; bottom:0px;background-color:#999;filter: Alpha(opacity=20); -moz-opacity:0.20; opacity:0.20; display:none; z-index:5}
#small{ border:5px solid #CCC; width:400px; padding:10px; position:absolute; top:35%; left:20%; display:none; background:#FFF; z-index:10}
</style>
<script type="text/javascript">
function show()
{    
     var divBig=document.getElementById("big"); 
   var divSmall=document.getElementById("small");
   var v_left=(document.body.clientWidth-divSmall.clientWidth)/2 + document.body.scrollLeft;
        var v_top=(document.body.clientHeight-divBig.clientHeight)/2 + document.body.scrollTop;
        divBig.style.top=document.body.scrollTop+'px';
   divSmall.style.left=(v_left-200)+'px';
        divSmall.style.top=(document.body.scrollTop+((document.body.clientHeight/2)-50))+'px';
   divBig.style.display="block";
   divSmall.style.display="block";
   document.body.style.overflow="hidden";
}
</script>
</head>
<body>
<div id="big"></div>
<div  style="height:1400px;"></div>
<div id="small">
content
</div>


<button onClick="show()"> please Click me </button>


</body>
</html>

原创粉丝点击