html {
background: #f7f7f7;
}
body {
background: #fff;
color: #333;
font-family: "MicrosoftYaHei" , "微软雅黑" ,Verdana,Arial;
margin: 2em auto 0 auto;
width: 700px;
padding: 1em 2em;
-moz-border-radius: 11px;
-khtml-border-radius: 11px;
-webkit-border-radius: 11px;
border-radius: 11px;
border: 1px solid #dfdfdf;
}
a {
color: #2583ad;
text-decoration: none;
}
a:hover {
color: #d54e21;
}
h1 {
border-bottom: 1px solid #dadada;
clear: both;
color: #666;
margin: 5px 0 5px 0;
padding: 0;
padding-bottom: 1px;
text-align: center;
}
h2 {
text-align: center;
font-size: 30px;
}
p {
text-align: center;
font-size: 18px;
}
div {
margin-bottom: 80px;
}
ul {
width: 400px;
margin: 0 auto;
}JS代码function seconds_back() {
if (all <= 0) {
self.location = "http://www.sucaihuo.com";
}
var obj = document.getElementById("seconds_back");
if (obj) obj.innerHTML = all + " 秒后";
all--;
}
var all = 9;
if (all > 0) window.setInterval("seconds_back();", 1000);HTML代码<html>
<head></head>
<body>
<h1 id="logo"> <a href="http://www.sucaihuo.com"><img alt="素材火logo" src="http://localhost/sucai/Public/images/logo.jpg" /></a> </h1>
<h2> <img src="http://www.sucaihuo.com/Public/images/err404.gif" alt="404错误" /> Hey? 404 </h2>
<p>抱歉,你输入的网址可能不正确,或者该网页不存在。</p>
<div>
<ul>
<li><a href="http://www.sucaihuo.com"><span id="seconds_back"></span>返回首页</a></li>
</ul>
</div>
</body>
</html>最后附上 素材火官网的404演示效果:http://www.sucaihuo.com/404 附件 404.rar ( 1.12 KB 下载:143 次 )
ThinkPHP 是一个免费开源的,快速、简单的面向对象的 轻量级PHP开发框架 ,创立于2006年初,遵循Apache2开源协议发布,是为了敏捷WEB应用开发和简化企业应用开发而诞生的。ThinkPHP从诞生以来一直秉承简洁实用的设计原则,在保持出色的性能和至简的代码的同时,也注重易用性。并且拥有众多的原创功能和特性,在社区团队的积极参与下,在易用性、扩展性和性能方面不断优化和改进,已经成长为国内最领先和最具影响力的WEB应用开发框架,众多的典型案例确保可以稳定用于商业以及门户级的开发。