<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">//这个一定要加 因为ie8 xhtml4.0不支持fixed 如果第一个层高度超过浏览器高度 也就是有滚动条 imgdiv是不随滚动条滚动而滚动,它一直都在那里 <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>