0顶

漂亮404页面提示效果

稿源：互联网 2022-04-02 21:43:14 点击： 6492 撤稿纠错

一个漂亮的404错误提示页面，然后跳转到主页。

以下讨论的是和提示信息相关的漂亮404页面提示效果教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<!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特效,js脚本,脚本,广告代码,zzjs,zzjs.net,sky,www.zzjs.net,站长特效 网" />
<meta name="description" content="www.zzjs.net,站长特效网，站长必备js特效及广告代码。大量高质量js特效，提供高质量广告代码下载,尽在站长特效网" />
<title>网页特效 不错的网站404错误页面 站长特效网欢迎您。</title>
<style type="text/css">
body{
background-color:#000;
margin:0px;
padding:0px;
}
.www_zzjs_net{
width:400px;
margin:70px auto auto;
background-color:#555555;
border:1px solid #FFF;
font-size:13px;
}
.zzjs_net{
background-color:#000;
background-color:#555555;
height:20px;
line-height:20px;
color:#F00;
font-weight:700;
text-align:center;
}
._zzjs_net{
height:55px;
background-color:#000;
color:#FFF;
text-align:center;
padding:10px 0px;
}
._zzjs_net a{
color:#00F;
text-decoration:none;
}
._zzjs_net a:hover{
color:#00F;
text-decoration:underline;
}
._zzjs_net 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="http://www.zzjs.net/">站长特效网</a>,站长必备的高质量网页特效和广告代码。zzjs.net，站长js特效。<hr>

<div class="www_zzjs_net">
  <div class="zzjs_net">提示信息</div>
    <div class="_zzjs_net">
     <p>抱歉，您所查找的页面不存在，可能已被删除或您输错了网址！</p>
        <p>点击这里选择进入：<a href="http://www.zzjs.net">站长特效网</a> 打造国内最帅的网页特效站！</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 = "http://www.zzjs.net";}
         }
         </script>
         </p>
         </td>
      </form>
      </tr>
    </table>
  </div>
</div>
</body>
</html>

关于漂亮404页面提示效果的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/2010091564683.shtml方便下次再访问哦。

·上一篇： 框架网页加载Loading效果
·下一篇： 记录访客最近浏览网页js代码

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

漂亮404页面提示效果

文章分类LIST >>返回首页

最新游戏

最新新闻