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

互联网  2017-04-18 11:47:06  107 人阅读  7 条评论

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

分享一款5秒后跳转回首页的网站404页面HTML模板 Themes 第1张

具体实现方法

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

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>404 页面未找到</title>
  6. <style type="text/css">
  7. <!--
  8. body,td,th {
  9.     color: #FFFFFF;
  10. }
  11. body {
  12.     background-color: #0099CC;
  13. }
  14. .STYLE7 {
  15.     font-size: 24px;
  16.     font-family: "微软雅黑";
  17. }
  18. .STYLE9 {font-size: 16px}
  19. .STYLE12 {
  20.     font-size: 100px;
  21.     font-family: "微软雅黑";
  22. }
  23. -->
  24. </style></head>
  25. <body>
  26. <script language="javascript" type="text/javascript">
  27.             setTimeout(function () { this.location.href = "http://boke112.com/" }, 5000);
  28.         </script>
  29. <span class="STYLE12">&nbsp;:(</span>
  30. <p class="STYLE7">   您输入的网址我们没有找到。<br />
  31.   5秒后为您跳转到首页,您可以在首页试着找找您所需要的信息。</p>
  32. <p class="STYLE7">  <span class="STYLE9">如果您想了解更多信息,则可以稍后在线搜索此错误: 404 页面未找到</span></p>
  33. </body>
  34. </html>
本文地址:http://boke112.com/3907.html
文章标签: ,   ,  
温馨提示:文章内容仅代表作者个人观点,不代表boke112导航赞同其观点和对其真实性负责!
版权声明:本文内容来源于互联网资源,由  整理汇总,如有侵权请留言告知!
WordPress/zblogPHP免费响应式博客主题Blogs

 发表评论


  1. 呆毛电脑配置网
    呆毛电脑配置网 【县长】 @回复

    不喜欢自动跳转的404,

  2. 诗梦
    诗梦 【队长】 @回复

    对百度不好,还不如我的宝贝回家404页😁

  3. 明月登楼
    明月登楼 【总理】 @回复

    这个不错,可以试试去!

  4. 码农BTS
    码农BTS 【市长】 @回复

    其实用meta跳转可能更方便

  5. 码农BTS
    码农BTS 【市长】 @回复

    微软即视感哈哈

  6. 雅兮网
    雅兮网 【省长】 @回复

    setTimeout(function () { this.location.href = “xxx” }, 5000);

    这个是重点哈 [哈哈]