CPH ღ

分享一款404跳转页面
演示效果图复制并创建html即可<html xmlns="http://www.w3.org/19...
扫描右侧二维码阅读全文
19
2019/05

分享一款404跳转页面

之前有不少的朋友问我要过这款404跳转页面,当然了自行修改下文字也可以做站点维护的默认页 空白页等各种用途,今天就顺便分享出来倘若喜欢可以为你的网站添加一下

演示效果图

提示文字可自行修改对应代码


复制并创建html即可

<html xmlns="http://www.w3.org/1999/xhtml">
<!--+-------------------------------------------------------------
<!--| Title [ 404.html ]-->
<!--+-------------------------------------------------------------
<!--| Come from (https://blog.1c21.cn/archives/600.html)
<!--+-------------------------------------------------------------
<!--| BY: CPH ღ <QQ49572353>-->
<!--+-------------------------------------------------------------
<!--| Ps: 借鉴是每个人的天性 但不要让自己显得那么难堪
<!--+------------------------------------------------------------->
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="https://www.1c21.cn/favicon.ico">    
<title>跳转提示</title>
    <link rel="stylesheet" type="text/css" href="https://www.1c21.cn/css/404.css"/>
    <script src="https://www.1c21.cn/js/404.min.js"></script>
</head>
<body>
<b id="wait" style="display:none;">3</b>
<a id="href" href="/" style="display:none;">
<script type="text/javascript">
    
            var type = 'warning';
            swal({    title: "温馨提示",    text: "访问页面不存在<p>3秒后自动跳转",    type:type,    showCancelButton: false,  confirmButtonText: "立即跳转",   closeOnConfirm: false,    html:true}, function(){   window.location.href="/"; });
</script>
<script type="text/javascript">
    (function(){
        var wait = document.getElementById('wait'),
            href = document.getElementById('href').href;
        var interval = setInterval(function(){
            var time = --wait.innerHTML;
            if(time <= 0) {
                location.href = href;
                clearInterval(interval);
            };
        }, 1000);
    })();
</script>
</body>
</html>
Last modification:May 22nd, 2019 at 12:57 am
如果我的文章打动了你的内心或者对你有帮助请不妨打赏我一杯咖啡!

Leave a Comment