不错的网站404错误页面加载跳转特效

1个月前 (03-17 11:01)阅读回复0
大陆
大陆
  • 管理员
  • 发消息
  • 注册排名1
  • 经验值3459
  • 级别管理员
  • 主题691
  • 回复2
楼主

一个漂亮的404错误提示页面,几秒钟后跳转到主页,一个好的提示信息能给用户一个良好的体验。

<!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=gb2312">
<meta name="keywords" content="武鸣人网站,武鸣信息网,武鸣本地网,武鸣信息资源平台,减肥,健身,励志,励志语录,js特效,网页特效,www.wuming.ren">
<meta name="description" content="欢迎来到武鸣人信息资源平台,各种信息免费发布,资源共享合作共赢,分享互联网流行的励志语录经典短句,减肥健身健康小常识及打卡记录,收集各种js特效代码。">
<title>不错的网站404错误页面加载跳转特效_武鸣人</title>
<style type="text/css">
body{
background-color:#000;
margin:0px;
padding:0px;
}
.www_wuming_ren{
width:400px;
margin:70px auto auto;
background-color:#555555;
border:1px solid #FFF;
font-size:13px;
}
.wuming_ren{
background-color:#000;
background-color:#555555;
height:20px;
line-height:20px;
color:#F00;
font-weight:700;
text-align:center;
}
._wuming_ren{
height:55px;
background-color:#000;
color:#FFF;
text-align:center;
padding:10px 0px;
}
._wuming_ren a{
color:#00F;
text-decoration:none;
}
._wuming_ren a:hover{
color:#00F;
text-decoration:underline;
}
._wuming_ren p a{
margin:0px 5px;
color:#F00;
font-weight:700;
}
p{
margin:0px;
line-height:22px;
}
.c4{
background-color:#000;
padding-bottom:10px;
}
</style>
</head>
<body>
<a href="https://www.wuming.ren">武鸣人</a>,各种信息资源免费发布,分享励志语录经典短句,减肥健身常识,各种js特效代码。网站很好记住,wuming.ren(武鸣拼音.ren域名后缀)<hr>
<!--欢迎来到武鸣人信息资源平台,各种信息免费发布,资源共享合作共赢,分享互联网流行的励志语录经典短句,减肥健身健康小常识及打卡记录,收集各种js特效代码。-->
<script type="text/javascript" src="https://www.wuming.ren/ad/tc.js"></script>
<script type="text/javascript" src="https://www.wuming.ren/ad/a.js"></script>
<div class="www_wuming_ren">
  <div class="wuming_ren">提示信息</div>
    <div class="_wuming_ren">
     <p>抱歉,您所查找的页面不存在,可能已被删除或您输错了网址!</p>
        <p>点击这里选择进入:<a href="https://www.wuming.ren">武鸣人</a> 分享励志语录经典短句,减肥健身常识,各种js特效代码!</p>
    </div>
    <div class="c4">
     <table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
       <tr>
         <form name="loading">
         <td align="center">
         <p><font color="gray">系统将自动跳转到首页,请稍候……</font></p>
         <p>
         <input type="text" name="chart" size="47" style="font-family:Arial;font-weight:bolder;color:gray;background-color:white;padding:0px;border-style:none;">
         <br>
         <input type="text" name="percent" size="47" style="font-family:Arial;color:gray;text-align:center;border-width:medium;border-style:none;margin-top:5px;">
         <script language="javascript">
         var bar=0
         var line="||"
         var amount="||"
         count()
         function count(){
         bar=bar+2
         amount=amount+line
         document.loading.chart.value=amount
         document.loading.percent.value=bar+"%"
         if (bar<99){
         setTimeout("count()",90);}
         else{
         window.location = "https://www.wuming.ren";}
         }
         </script>
         </p>
         </td>
      </form>
      </tr>
    </table>
  </div>
</div>
</body>
</html>


0
0
收藏0
回帖

不错的网站404错误页面加载跳转特效 期待您的回复!

取消
载入表情清单……
载入颜色清单……
插入网络图片

取消确定

图片上传中
编辑器信息
提示信息