垂直居中层 js操作css
垂直居中层 js操作css
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
- "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <body id="gn" ></body>
- <script language="javascript">
- function $(titleName)
- {
- return document.createElement(titleName);
- }
- function $(e)
- {
- return document.getElementById(e);
- }
- var lodingBox = $("div");
- lodingBox.style.position="fixed";
- lodingBox.style.width=screen.width+"px";
- lodingBox.style.height=screen.height+"px";
- lodingBox.style.backgroundColor="#cccccc";
- lodingBox.id="lodingBox";
- var imgdiv=$("div");
- var imgdiv_width="300";
- var imgdiv_height="100";
- var imfdiv_left=screen.width-screen.width/2-imgdiv_width/2;
- //为什么要减去100px
- //我也不知道为什么 因为这样算出来上边高底下低所以我就再减去100px
- var imfdiv_height=screen.height-screen.height/2-imgdiv_height/2-100;
- imgdiv.style.position="fixed";
- imgdiv.style.left=imfdiv_left+"px";
- imgdiv.style.top=imfdiv_height+"px";
- imgdiv.style.width=imgdiv_width+"px";
- imgdiv.style.height=imgdiv_height+"px";
- imgdiv.style.backgroundColor="red";
- imgdiv.id="imgdiv";
- var lodingImg=$("img");
- lodingImg.src="loadingmin.gif";
- var lodingText=$("span");
- lodingText.innerHTML="正在存入数据，请稍候....";
- imgdiv.appendChild(lodingImg);
- imgdiv.appendChild(lodingText);
- $("gn").appendChild(lodingBox);
- $("gn").appendChild(imgdiv);
- var temp=1;
- zheli(10);
- // $("lodingBox").style.display="none";
- //$("imgdiv").style.display="none";
- function zheli(n){
- if(n==1)
- {
- return temp;
- }
- temp=temp*n;
- //document.write(temp+"<br />");//递归
- zheli(n-1);
- }
- </script>
复制代码
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论