首页js教程 正文

5秒后跳转回首页的网站404页面HTML模板

时间: 2020年6月30日 浏览 1103

一个好看有个性的网站 404 页面未找到模板可以有效提高用户体验,所以今天就跟大家分享一款5秒后自动跳转回首页的网站404页面HTML模板,希望大家喜欢。具体效果如下:

https://boke.yigujin.cn/img/2017/170418_404.jpg

具体实现方法

只需要替换以下代码中的 5000(5秒)和跳转链接地址,然后将这些代码替换我们主题的 404.php 文件代码即可。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>404 页面未找到</title>
<style type="text/css">
<!--
body,td,th {
 color: #FFFFFF;
}
body {
 background-color: #0099CC;
}
.STYLE7 {
 font-size: 24px;
 font-family: "微软雅黑";
}
.STYLE9 {font-size: 16px}
.STYLE12 {
 font-size: 100px;
 font-family: "微软雅黑";
}
-->
</style></head>

<body>
<script language="javascript" type="text/javascript">
 setTimeout(function () { this.location.href = "https://boke112.com/" }, 5000);
 </script>
<span class="STYLE12">&nbsp;:(</span>
<p class="STYLE7">   您输入的网址我们没有找到。<br />
  5秒后为您跳转到首页,您可以在首页试着找找您所需要的信息。</p>
<p class="STYLE7">  <span class="STYLE9">如果您想了解更多信息,则可以稍后在线搜索此错误: 404 页面未找到</span></p>
</body>
</html>