MENU

404错误页源码

2017-07-02 • 笔记

反正也东扣西扣扣来的拿出来给伸手党,那些知道Ctrl+S另存为的他们比你不知道要高到哪里去了


首先我先瞎BB一下
我之前使用的自动跳转的JS是,如果你需要自动跳转的话可以拿去加进去
毕竟是从别人哪里扣来的可能有一点问题毕竟我不是专业的233

<script type="text/javascript">
var num=6;
function redirect(){
    num--;
    document.getElementById("num").innerHTML=num;
    if(num<0){
        document.getElementById("num").innerHTML=0;
        location.href="https://yuyuko.ren";
        }
    }
setInterval("redirect()", 1000);
</script>

script在HTML页面中插入一段JavaScript
var num=6;num=6是倒计时多少秒
location.href="https://yuyuko.ren";这个就是需要跳转的连接地址
然后在<p></p>,<h1></h1>等里面插入<span id="num"></span>就可以显示倒计时了

然后是到处扣扣来的404页源码...
如果你觉得的我这自带的CSS地址不好的话你可以自己手动另存为

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>404 Not Found - 橘紙柚 - バカのブログ</title>
    <link href="https://api.th9.bid/404/bootstrap.min.css" rel="stylesheet">
    <link href="https://api.th9.bid/404/business-casual.css" rel="stylesheet">
    <link rel="stylesheet" href="https://api.th9.bid/404/new/csshake.min.css">
</head>
<body>
    <div class="brand"><div class="shake shake-constant">404 Not Found</div></div>
    <div class="address-bar"><iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=280 height=86 src="//music.163.com/outchain/player?type=2&id=27746534&auto=1&height=66"></iframe></div>
    <div class="container">
        <div class="row">
            <div class="box">
                <div class="col-lg-12 text-center">
                    <img class="img-responsive img-full" src="https://api.th9.bid/404/picture" alt="">
                    <h1 class="brand-name">404 Not Found</h1>
                    <h2 class="brand-before">不存在或已被删除</h2>
                    <hr class="tagline-divider">
                    <h2><a href="https://uuzma.com/">返回主页</a></h2>
                </div>
            </div>
        </div>
    <footer>
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <div class="copyright">Copyright © 2015 <a href="https://uuzma.com" target="_top">橘纸柚</a> • Picture from:<a href="https://www.pixiv.net/member.php?id=4920496" target="_blank">4920496</a>(Pxivi user id)</div>
                </div>
            </div>
        </div>
    </footer>
    <script src="https://api.th9.bid/404/jquery.js"></script>
    <script src="https://api.th9.bid/404/bootstrap.min.js"></script>
</body>
</html>


归档 文章二维码
本页链接的二维码
打赏二维码
添加评论

已有 7 条评论
  1. c0smxsec c0smxsec

    Error 404@(滑稽)

    1. 橘纸柚 橘纸柚

      @c0smxsec404 Not Found@(滑稽)

  2. 无人小站 无人小站

    nicee的404,话说这个图片api不会关闭吧

    1. 橘纸柚 橘纸柚

      @无人小站你指的是那个

    2. 无人小站 无人小站

      @橘纸柚背景图那些,算了我换为自己的加载更快@(捂嘴笑)

    3. 橘纸柚 橘纸柚

      @无人小站讲道理我自己也不知道能玩多久@(滑稽)
      你可以调用某宅的呀@(笑眼)

    4. 无人小站 无人小站

      @橘纸柚@(滑稽)