<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>系统正在启动中 ...</title>
<script language="javascript" type="text/javascript">
var t_id = setInterval(animate, 20);
var pos = 0; var dir = 2; var len = 0;
function animate() {
var elem = document.getElementById('progress');
if (elem != null) {
if (pos == 0) len += dir;
if (len > 32 || pos > 79) pos += dir;
if (pos > 79) len -= dir;
if (pos > 79 && len == 0) pos = 0;
elem.style.left = pos;
elem.style.width = len;
}
}
function stopAnimate() {
clearInterval(t_id);
var elem = document.getElementById('loader_container');
elem.style.display = 'none';
}
</script>
<style>
#loader_container
{
text-align: center;
position: absolute;
top: 40%;
width: 100%;
left: 0;
}
#loader
{
font-family: Tahoma, Helvetica, sans;
font-size: 11.5px;
color: #000000;
background-color: #FFFFFF;
padding: 10px 0 16px 0;
margin: 0 auto;
display: block;
width: 130px;
border: 1px solid #5a667b;
text-align: left;
z-index: 2;
}
#progress
{
height: 5px;
font-size: 1px;
width: 1px;
position: relative;
top: 1px;
left: 0px;
background-color: #8894a8;
}
#loader_bg
{
background-color: #e4e7eb;
position: relative;
top: 8px;
left: 8px;
height: 7px;
width: 113px;
font-size: 1px;
}
</style>
</head>
<body>
<div id="loader_container">
<div id="loader">
<div align="center">
系统正在启动中 ...</div>
<div id="loader_bg">
<div id="progress">
</div>
</div>
</div>
</div>
<div style="position: absolute; left: 1em; top: 1em; width: 320px; padding: .3em;
background: #900; color: #fff; display: none;">
<strong>系统启动发生异常</strong>
<div id="start_fail">
</div>
</div>
<script type="text/javascript" language="javascript">
(function (w) {
var xhr;
if (w.XMLHttpRequest && !w.ActiveXObject) {
xhr = new w.XMLHttpRequest();
} else {
try {
xhr = new w.ActiveXObject('Microsoft.XMLHTTP');
} catch (e) { }
}
if (xhr) {
xhr.open('GET', '?ajax=1');
xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
xhr.onreadystatechange = function () {
if (xhr.readyState === 4) {
//只有返回http 200时才表示正常
if (xhr.status === 200) {
xhr = null;
location.reload();
} else {
//否则输出http状态码和状态说明,以及返回的html
stopAnimate();
var ele = document.getElementById('start_fail');
ele.innerHTML = 'HTTP ' + xhr.status + ' ' + xhr.statusText + '<br/>' + xhr.responseText;
var par = ele.parentNode;
if (par) {
par.style.display = 'block';
}
}
xhr = null;
}
};
xhr.send();
} else {
// 不支持的浏览器将直接刷新 不再显示动画
location.reload();
}
})(window);
</script>
</body>
</html>
|