欢迎来到9酷文库!

404自动跳转主页的实现

快乐柠檬 分享 阅读:55 加入收藏 我要投稿 复制全文 下载全文

精选文章 -->

精选帝国cms程序批量替换:http头和图片路径方法 精选宝塔面板屏蔽垃圾搜索引擎蜘蛛和扫描工具的办法 精选帝国CMS7.5怎么支持php7.4版本的方法(已测试) 精选301重定向详解 精选wordpress文章中微信打赏功能的2种实现方法
<script type="text/javascript">
    var num = 5;
    function redirect() {
        num--;
        document.getElementById("num").innerHTML=num;
        if (num < 0) {
            document.getElementById("num").innerHTML = 0;
            location.href = "login.html";
        }
    }
    setInterval("redirect()", 1000);
</script>

————————————————

<body>
    <div class="admin-content">
        <div class="am-cf am-padding">
            <div class="am-fl am-cf">
                <strong class="am-text-primary am-text-lg">404</strong> / <small>That’s an error</small>
            </div>
        </div>
 
        <div class="am-g">
            <div class="am-u-sm-12">
                <h2 class="am-text-center am-text-xxxl am-margin-top-lg">404. Not Found</h2>
                <p class="am-text-center">
                    没有找到你要的页面
                </p>
                <p class="am-text-center">
                    <span id="num">5</span>秒后自动跳转到首页<a href="login.html">马上跳转</a>
                </p>
                <pre class="page-404">          .----.
       _.'__    `.
   .--($)($$)---/#\
 .' @          /###\
 :         ,   #####
  `-..__.-' _.-\###/
        `;_:    `"'
      .'"""""`.
     /,  ya ,\\
    //  404!  \\
    `-._______.-'
    ___`. | .'___
   (______|______)
        </pre>
            </div>
        </div>
    </div>
</body>
效果:

————————————
404自动跳转主页的实现

                            版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
                        
原文链接:https://blog.csdn.net/limenghua9112/article/details/45478899
108357
领取福利

微信扫码领取福利

微信扫码分享