首页 > 代码库 > 个性化404页面设计
个性化404页面设计
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>404</title>
<style type="text/css">
*{padding:0px; marigin:0px;font-size:14px; font-family:"微软雅黑"}
.page404{width:805px; height:204px;background:url(image/bg.png) no-repeat; margin:100px auto;}
.page404 .error{position: absolute;margin: 40px 0px 0px 480px;z-index: 1;}
.page404 .error span{color:#F00}
</style>
</head>
<body>
<div class="page404">
<div class="error">
<h2>抱歉，404请求您的网站页面打不开！</h2>
<p>您可以再试下次打开次网页</p>
<p>您将于<span id="time">10</span>秒后转入网站首页，请稍后..</p>
</div>
</div>
<script type="text/javascript">
<!--页面首页地址-->
var url;
var second=10;
function setErrorTime(){
for(var i=second;i>=0;i--){
<!--调用setTimeout函数，1,2,3,4..10秒调用一次-->
window.setTimeout(‘update(‘+i+‘)‘,(second-i)*1000);
}
}
function update(number){
document.getElementById("time").innerHTML=number;
if(number==0){
<!--如果用户在10钟没有离开次页面，则10秒后跳转到首页-->
window.location(url);
}
}
<!--调用方法-->
setErrorTime();
</script>
</body>
</html>