go跳转美化—奔向新世界

046

提醒

  • 在主题目录下go.php文件里面的代码全部删除，然后把下面的代码复制进去即可。替换原来的即可。
  • 如果要修改，只修改代码中性对应的文字即可

主题更新会覆盖已修改的文件，记得备份，或者关注本站！

演示图

go跳转美化—奔向新世界-亿点资源网

代码

<?php
/*
 * @Author        : Qinver
 * @Url           : zibll.com
 * @Date          : 2020-09-29 13:18:36
 * @LastEditTime: 2021-04-27 17:54:39
 * @Email         : 770349780@qq.com
 * @Project       : Zibll子比主题
 * @Description   : 一款极其优雅的Wordpress主题
 * @Read me       : 感谢您使用子比主题，主题源码有详细的注释，支持二次开发。欢迎各位朋友与我相互交流。
 * @Remind        : 使用盗版主题会存在各种未知风险。支持正版，从我做起！
 */
if (
    strlen($_SERVER['REQUEST_URI']) > 384 ||
    strpos($_SERVER['REQUEST_URI'], "eval(") ||
    strpos($_SERVER['REQUEST_URI'], "base64")
) {
    @header("HTTP/1.1 414 Request-URI Too Long");
    @header("Status: 414 Request-URI Too Long");
    @header("Connection: Close");
    @exit;
}
//通过QUERY_STRING取得完整的传入数据，然后取得url=之后的所有值，兼容性更好
@session_start();
$t_url = !empty($_SESSION['GOLINK']) ? $_SESSION['GOLINK'] : preg_replace('/^url=(.*)$/i', '$1', $_SERVER["QUERY_STRING"]);
//数据处理
if (!empty($t_url)) {
    //判断取值是否加密
    if ($t_url == base64_encode(base64_decode($t_url))) {
        $t_url =  base64_decode($t_url);
    }
    //防止xss
    $t_url =  htmlspecialchars($t_url);
    //对取值进行网址校验和判断
    preg_match('/^(http|https|thunder|qqdl|ed2k|Flashget|qbrowser):\/\//i', $t_url, $matches);
    if ($matches) {
        $url = $t_url;
        $title = '页面加载中,请稍候...';
    } else {
        preg_match('/\./i', $t_url, $matche);
        if ($matche) {
            $url = 'http://' . $t_url;
            $title = '页面加载中,请稍候...';
        } else {
            $url = 'http://' . $_SERVER['HTTP_HOST'];
            $title = '参数错误，正在返回首页...';
        }
    }
} else {
    $title = '参数缺失，正在返回首页...';
    $url = 'http://' . $_SERVER['HTTP_HOST'];
}
?>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="robots" content="noindex, nofollow" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <noscript>
        <meta http-equiv="refresh" content="1;url='<?php echo $url; ?>';">
    </noscript>
    <script>
        function link_jump() {
            //禁止其他网站使用我们的跳转页面
            var MyHOST = new RegExp("<?php echo $_SERVER['HTTP_HOST']; ?>");
            if (!MyHOST.test(document.referrer)) {
                location.href = "http://" + MyHOST;
            }
            location.href = "<?php echo $url; ?>";
        }
        //延时1S跳转，可自行修改延时时间
        setTimeout(link_jump, 3000);
        //延时50S关闭跳转页面，用于文件下载后不会关闭跳转页的问题
        setTimeout(function() {
            window.opener = null;
            window.close();
        }, 50000);
    </script>
    <title><?php echo $title; ?></title>
</head>
<body>
 <style>
        body {
            margin: 0
        }
        body {
            height: 100%
        }
        #loading {
            -webkit-box-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            align-items: center;
            display: -webkit-box;
            display: flex;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #fff
        }
        .io-black-mode #loading {
            background: #1b1d1f
        }
    </style>
</head>
<body class="io-grey-mode">
    <div id="loading">
        <style>
            .loader {
                position: absolute;
                top: 50%;
                margin-left: -50px;
                left: 50%;
                animation: speeder 0.4s linear infinite
            }
            .loader-text {
                position: absolute;
                text-transform: uppercase;
                left: 50%;
                top: 53%;
                margin-left: -20px
            }
            .loader>span {
                height: 5px;
                width: 35px;
                background: #000;
                position: absolute;
                top: -19px;
                left: 60px;
                border-radius: 2px 10px 1px 0
            }
            .base span {
                position: absolute;
                width: 0;
                height: 0;
                border-top: 6px solid transparent;
                border-right: 100px solid #000;
                border-bottom: 6px solid transparent
            }
            .base span:before {
                content: "";
                height: 22px;
                width: 22px;
                border-radius: 50%;
                background: #000;
                position: absolute;
                right: -110px;
                top: -16px
            }
            .base span:after {
                content: "";
                position: absolute;
                width: 0;
                height: 0;
                border-top: 0 solid transparent;
                border-right: 55px solid #000;
                border-bottom: 16px solid transparent;
                top: -16px;
                right: -98px
            }
            .face {
                position: absolute;
                height: 12px;
                width: 20px;
                background: #000;
                border-radius: 20px 20px 0 0;
                transform: rotate(-40deg);
                right: -125px;
                top: -15px
            }
            .face:after {
                content: "";
                height: 12px;
                width: 12px;
                background: #000;
                right: 4px;
                top: 7px;
                position: absolute;
                transform: rotate(40deg);
                transform-origin: 50% 50%;
                border-radius: 0 0 0 2px
            }
            .loader>span>span {
                width: 30px;
                height: 1px;
                background: #000;
                position: absolute;
                animation: fazer1 0.2s linear infinite
            }
            .loader>span>span:nth-child(2) {
                top: 3px;
                animation: fazer2 0.4s linear infinite
            }
            .loader>span>span:nth-child(3) {
                top: 1px;
                animation: fazer3 0.4s linear infinite;
                animation-delay: -1s
            }
            .loader>span>span:nth-child(4) {
                top: 4px;
                animation: fazer4 1s linear infinite;
                animation-delay: -1s
            }
            @keyframes fazer1 {
                0% {
                    left: 0
                }
                100% {
                    left: -80px;
                    opacity: 0
                }
            }
            @keyframes fazer2 {
                0% {
                    left: 0
                }
                100% {
                    left: -100px;
                    opacity: 0
                }
            }
            @keyframes fazer3 {
                0% {
                    left: 0
                }
                100% {
                    left: -50px;
                    opacity: 0
                }
            }
            @keyframes fazer4 {
                0% {
                    left: 0
                }
                100% {
                    left: -150px;
                    opacity: 0
                }
            }
            @keyframes speeder {
                0% {
                    transform: translate(2px, 1px) rotate(0deg)
                }
                10% {
                    transform: translate(-1px, -3px) rotate(-1deg)
                }
                20% {
                    transform: translate(-2px, 0px) rotate(1deg)
                }
                30% {
                    transform: translate(1px, 2px) rotate(0deg)
                }
                40% {
                    transform: translate(1px, -1px) rotate(1deg)
                }
                50% {
                    transform: translate(-1px, 3px) rotate(-1deg)
                }
                60% {
                    transform: translate(-1px, 1px) rotate(0deg)
                }
                70% {
                    transform: translate(3px, 1px) rotate(-1deg)
                }
                80% {
                    transform: translate(-2px, -1px) rotate(1deg)
                }
                90% {
                    transform: translate(2px, 1px) rotate(0deg)
                }
                100% {
                    transform: translate(1px, -2px) rotate(-1deg)
                }
            }
            .longfazers {
                position: absolute;
                width: 100%;
                height: 100%
            }
            .longfazers span {
                position: absolute;
                height: 2px;
                width: 20%;
                background: #000
            }
            .longfazers span:nth-child(1) {
                top: 20%;
                animation: lf 0.6s linear infinite;
                animation-delay: -5s
            }
            .longfazers span:nth-child(2) {
                top: 40%;
                animation: lf2 0.8s linear infinite;
                animation-delay: -1s
            }
            .longfazers span:nth-child(3) {
                top: 60%;
                animation: lf3 0.6s linear infinite
            }
            .longfazers span:nth-child(4) {
                top: 80%;
                animation: lf4 0.5s linear infinite;
                animation-delay: -3s
            }
            @keyframes lf {
                0% {
                    left: 200%
                }
                100% {
                    left: -200%;
                    opacity: 0
                }
            }
            @keyframes lf2 {
                0% {
                    left: 200%
                }
                100% {
                    left: -200%;
                    opacity: 0
                }
            }
            @keyframes lf3 {
                0% {
                    left: 200%
                }
                100% {
                    left: -100%;
                    opacity: 0
                }
            }
            @keyframes lf4 {
                0% {
                    left: 200%
                }
                100% {
                    left: -100%;
                    opacity: 0
                }
            }
            .io-black-mode .loader>span {
                background: #f1404b
            }
            .io-black-mode .base span {
                border-right-color: #f1404b
            }
            .io-black-mode .base span:before {
                background: #f1404b
            }
            .io-black-mode .base span:after {
                border-right-color: #f1404b
            }
            .io-black-mode .face {
                background: #f1404b
            }
            .io-black-mode .face:after {
                background: #f1404b
            }
            .io-black-mode .loader>span>span {
                background: #f1404b
            }
            .io-black-mode .longfazers span {
                background: #f1404b
            }
        </style>
        <div class='loader'>
            <span>
                <span></span>
                <span></span>
                <span></span>
                <span></span>
            </span>
            <div class='base'>
                <span></span>
                <div class='face'></div>
            </div>
        </div>
        <div class='longfazers'>
            <span></span>
            <span></span>
            <span></span>
            <span></span>
        </div>
        <p class="loader-text">奔向新世界...</p>
    </div>
</body>
</body>
</html>
<?php
/*
 * @Author        : Qinver
 * @Url           : zibll.com
 * @Date          : 2020-09-29 13:18:36
 * @LastEditTime: 2021-04-27 17:54:39
 * @Email         : 770349780@qq.com
 * @Project       : Zibll子比主题
 * @Description   : 一款极其优雅的Wordpress主题
 * @Read me       : 感谢您使用子比主题，主题源码有详细的注释，支持二次开发。欢迎各位朋友与我相互交流。
 * @Remind        : 使用盗版主题会存在各种未知风险。支持正版，从我做起！
 */

if (
    strlen($_SERVER['REQUEST_URI']) > 384 ||
    strpos($_SERVER['REQUEST_URI'], "eval(") ||
    strpos($_SERVER['REQUEST_URI'], "base64")
) {
    @header("HTTP/1.1 414 Request-URI Too Long");
    @header("Status: 414 Request-URI Too Long");
    @header("Connection: Close");
    @exit;
}
//通过QUERY_STRING取得完整的传入数据，然后取得url=之后的所有值，兼容性更好

@session_start();
$t_url = !empty($_SESSION['GOLINK']) ? $_SESSION['GOLINK'] : preg_replace('/^url=(.*)$/i', '$1', $_SERVER["QUERY_STRING"]);
//数据处理
if (!empty($t_url)) {
    //判断取值是否加密
    if ($t_url == base64_encode(base64_decode($t_url))) {
        $t_url =  base64_decode($t_url);
    }
    //防止xss
    $t_url =  htmlspecialchars($t_url);

    //对取值进行网址校验和判断
    preg_match('/^(http|https|thunder|qqdl|ed2k|Flashget|qbrowser):\/\//i', $t_url, $matches);
    if ($matches) {
        $url = $t_url;
        $title = '页面加载中,请稍候...';
    } else {
        preg_match('/\./i', $t_url, $matche);
        if ($matche) {
            $url = 'http://' . $t_url;
            $title = '页面加载中,请稍候...';
        } else {
            $url = 'http://' . $_SERVER['HTTP_HOST'];
            $title = '参数错误，正在返回首页...';
        }
    }
} else {
    $title = '参数缺失，正在返回首页...';
    $url = 'http://' . $_SERVER['HTTP_HOST'];
}
?>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="robots" content="noindex, nofollow" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <noscript>
        <meta http-equiv="refresh" content="1;url='<?php echo $url; ?>';">
    </noscript>
    <script>
        function link_jump() {
            //禁止其他网站使用我们的跳转页面
            var MyHOST = new RegExp("<?php echo $_SERVER['HTTP_HOST']; ?>");
            if (!MyHOST.test(document.referrer)) {
                location.href = "http://" + MyHOST;
            }
            location.href = "<?php echo $url; ?>";
        }
        //延时1S跳转，可自行修改延时时间
        setTimeout(link_jump, 3000);
        //延时50S关闭跳转页面，用于文件下载后不会关闭跳转页的问题
        setTimeout(function() {
            window.opener = null;
            window.close();
        }, 50000);
    </script>
    <title><?php echo $title; ?></title>
</head>

<body>
 <style>
        body {
            margin: 0
        }

        body {
            height: 100%
        }

        #loading {
            -webkit-box-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            align-items: center;
            display: -webkit-box;
            display: flex;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #fff
        }

        .io-black-mode #loading {
            background: #1b1d1f
        }
    </style>
</head>

<body class="io-grey-mode">
    <div id="loading">
        <style>
            .loader {
                position: absolute;
                top: 50%;
                margin-left: -50px;
                left: 50%;
                animation: speeder 0.4s linear infinite
            }

            .loader-text {
                position: absolute;
                text-transform: uppercase;
                left: 50%;
                top: 53%;
                margin-left: -20px
            }

            .loader>span {
                height: 5px;
                width: 35px;
                background: #000;
                position: absolute;
                top: -19px;
                left: 60px;
                border-radius: 2px 10px 1px 0
            }

            .base span {
                position: absolute;
                width: 0;
                height: 0;
                border-top: 6px solid transparent;
                border-right: 100px solid #000;
                border-bottom: 6px solid transparent
            }

            .base span:before {
                content: "";
                height: 22px;
                width: 22px;
                border-radius: 50%;
                background: #000;
                position: absolute;
                right: -110px;
                top: -16px
            }

            .base span:after {
                content: "";
                position: absolute;
                width: 0;
                height: 0;
                border-top: 0 solid transparent;
                border-right: 55px solid #000;
                border-bottom: 16px solid transparent;
                top: -16px;
                right: -98px
            }

            .face {
                position: absolute;
                height: 12px;
                width: 20px;
                background: #000;
                border-radius: 20px 20px 0 0;
                transform: rotate(-40deg);
                right: -125px;
                top: -15px
            }

            .face:after {
                content: "";
                height: 12px;
                width: 12px;
                background: #000;
                right: 4px;
                top: 7px;
                position: absolute;
                transform: rotate(40deg);
                transform-origin: 50% 50%;
                border-radius: 0 0 0 2px
            }

            .loader>span>span {
                width: 30px;
                height: 1px;
                background: #000;
                position: absolute;
                animation: fazer1 0.2s linear infinite
            }

            .loader>span>span:nth-child(2) {
                top: 3px;
                animation: fazer2 0.4s linear infinite
            }

            .loader>span>span:nth-child(3) {
                top: 1px;
                animation: fazer3 0.4s linear infinite;
                animation-delay: -1s
            }

            .loader>span>span:nth-child(4) {
                top: 4px;
                animation: fazer4 1s linear infinite;
                animation-delay: -1s
            }

            @keyframes fazer1 {
                0% {
                    left: 0
                }

                100% {
                    left: -80px;
                    opacity: 0
                }
            }

            @keyframes fazer2 {
                0% {
                    left: 0
                }

                100% {
                    left: -100px;
                    opacity: 0
                }
            }

            @keyframes fazer3 {
                0% {
                    left: 0
                }

                100% {
                    left: -50px;
                    opacity: 0
                }
            }

            @keyframes fazer4 {
                0% {
                    left: 0
                }

                100% {
                    left: -150px;
                    opacity: 0
                }
            }

            @keyframes speeder {
                0% {
                    transform: translate(2px, 1px) rotate(0deg)
                }

                10% {
                    transform: translate(-1px, -3px) rotate(-1deg)
                }

                20% {
                    transform: translate(-2px, 0px) rotate(1deg)
                }

                30% {
                    transform: translate(1px, 2px) rotate(0deg)
                }

                40% {
                    transform: translate(1px, -1px) rotate(1deg)
                }

                50% {
                    transform: translate(-1px, 3px) rotate(-1deg)
                }

                60% {
                    transform: translate(-1px, 1px) rotate(0deg)
                }

                70% {
                    transform: translate(3px, 1px) rotate(-1deg)
                }

                80% {
                    transform: translate(-2px, -1px) rotate(1deg)
                }

                90% {
                    transform: translate(2px, 1px) rotate(0deg)
                }

                100% {
                    transform: translate(1px, -2px) rotate(-1deg)
                }
            }

            .longfazers {
                position: absolute;
                width: 100%;
                height: 100%
            }

            .longfazers span {
                position: absolute;
                height: 2px;
                width: 20%;
                background: #000
            }

            .longfazers span:nth-child(1) {
                top: 20%;
                animation: lf 0.6s linear infinite;
                animation-delay: -5s
            }

            .longfazers span:nth-child(2) {
                top: 40%;
                animation: lf2 0.8s linear infinite;
                animation-delay: -1s
            }

            .longfazers span:nth-child(3) {
                top: 60%;
                animation: lf3 0.6s linear infinite
            }

            .longfazers span:nth-child(4) {
                top: 80%;
                animation: lf4 0.5s linear infinite;
                animation-delay: -3s
            }

            @keyframes lf {
                0% {
                    left: 200%
                }

                100% {
                    left: -200%;
                    opacity: 0
                }
            }

            @keyframes lf2 {
                0% {
                    left: 200%
                }

                100% {
                    left: -200%;
                    opacity: 0
                }
            }

            @keyframes lf3 {
                0% {
                    left: 200%
                }

                100% {
                    left: -100%;
                    opacity: 0
                }
            }

            @keyframes lf4 {
                0% {
                    left: 200%
                }

                100% {
                    left: -100%;
                    opacity: 0
                }
            }

            .io-black-mode .loader>span {
                background: #f1404b
            }

            .io-black-mode .base span {
                border-right-color: #f1404b
            }

            .io-black-mode .base span:before {
                background: #f1404b
            }

            .io-black-mode .base span:after {
                border-right-color: #f1404b
            }

            .io-black-mode .face {
                background: #f1404b
            }

            .io-black-mode .face:after {
                background: #f1404b
            }

            .io-black-mode .loader>span>span {
                background: #f1404b
            }

            .io-black-mode .longfazers span {
                background: #f1404b
            }
        </style>
        <div class='loader'>
            <span>
                <span></span>
                <span></span>
                <span></span>
                <span></span>
            </span>
            <div class='base'>
                <span></span>
                <div class='face'></div>
            </div>
        </div>
        <div class='longfazers'>
            <span></span>
            <span></span>
            <span></span>
            <span></span>
        </div>
        <p class="loader-text">奔向新世界...</p>
    </div>
</body>
</body>


</html>
<?php
/*
 * @Author        : Qinver
 * @Url           : zibll.com
 * @Date          : 2020-09-29 13:18:36
 * @LastEditTime: 2021-04-27 17:54:39
 * @Email         : 770349780@qq.com
 * @Project       : Zibll子比主题
 * @Description   : 一款极其优雅的Wordpress主题
 * @Read me       : 感谢您使用子比主题，主题源码有详细的注释，支持二次开发。欢迎各位朋友与我相互交流。
 * @Remind        : 使用盗版主题会存在各种未知风险。支持正版，从我做起！
 */

if (
    strlen($_SERVER['REQUEST_URI']) > 384 ||
    strpos($_SERVER['REQUEST_URI'], "eval(") ||
    strpos($_SERVER['REQUEST_URI'], "base64")
) {
    @header("HTTP/1.1 414 Request-URI Too Long");
    @header("Status: 414 Request-URI Too Long");
    @header("Connection: Close");
    @exit;
}
//通过QUERY_STRING取得完整的传入数据，然后取得url=之后的所有值，兼容性更好

@session_start();
$t_url = !empty($_SESSION['GOLINK']) ? $_SESSION['GOLINK'] : preg_replace('/^url=(.*)$/i', '$1', $_SERVER["QUERY_STRING"]);
//数据处理
if (!empty($t_url)) {
    //判断取值是否加密
    if ($t_url == base64_encode(base64_decode($t_url))) {
        $t_url =  base64_decode($t_url);
    }
    //防止xss
    $t_url =  htmlspecialchars($t_url);

    //对取值进行网址校验和判断
    preg_match('/^(http|https|thunder|qqdl|ed2k|Flashget|qbrowser):\/\//i', $t_url, $matches);
    if ($matches) {
        $url = $t_url;
        $title = '页面加载中,请稍候...';
    } else {
        preg_match('/\./i', $t_url, $matche);
        if ($matche) {
            $url = 'http://' . $t_url;
            $title = '页面加载中,请稍候...';
        } else {
            $url = 'http://' . $_SERVER['HTTP_HOST'];
            $title = '参数错误，正在返回首页...';
        }
    }
} else {
    $title = '参数缺失，正在返回首页...';
    $url = 'http://' . $_SERVER['HTTP_HOST'];
}
?>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="robots" content="noindex, nofollow" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <noscript>
        <meta http-equiv="refresh" content="1;url='<?php echo $url; ?>';">
    </noscript>
    <script>
        function link_jump() {
            //禁止其他网站使用我们的跳转页面
            var MyHOST = new RegExp("<?php echo $_SERVER['HTTP_HOST']; ?>");
            if (!MyHOST.test(document.referrer)) {
                location.href = "http://" + MyHOST;
            }
            location.href = "<?php echo $url; ?>";
        }
        //延时1S跳转，可自行修改延时时间
        setTimeout(link_jump, 3000);
        //延时50S关闭跳转页面，用于文件下载后不会关闭跳转页的问题
        setTimeout(function() {
            window.opener = null;
            window.close();
        }, 50000);
    </script>
    <title><?php echo $title; ?></title>
</head>

<body>
 <style>
        body {
            margin: 0
        }

        body {
            height: 100%
        }

        #loading {
            -webkit-box-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            align-items: center;
            display: -webkit-box;
            display: flex;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #fff
        }

        .io-black-mode #loading {
            background: #1b1d1f
        }
    </style>
</head>

<body class="io-grey-mode">
    <div id="loading">
        <style>
            .loader {
                position: absolute;
                top: 50%;
                margin-left: -50px;
                left: 50%;
                animation: speeder 0.4s linear infinite
            }

            .loader-text {
                position: absolute;
                text-transform: uppercase;
                left: 50%;
                top: 53%;
                margin-left: -20px
            }

            .loader>span {
                height: 5px;
                width: 35px;
                background: #000;
                position: absolute;
                top: -19px;
                left: 60px;
                border-radius: 2px 10px 1px 0
            }

            .base span {
                position: absolute;
                width: 0;
                height: 0;
                border-top: 6px solid transparent;
                border-right: 100px solid #000;
                border-bottom: 6px solid transparent
            }

            .base span:before {
                content: "";
                height: 22px;
                width: 22px;
                border-radius: 50%;
                background: #000;
                position: absolute;
                right: -110px;
                top: -16px
            }

            .base span:after {
                content: "";
                position: absolute;
                width: 0;
                height: 0;
                border-top: 0 solid transparent;
                border-right: 55px solid #000;
                border-bottom: 16px solid transparent;
                top: -16px;
                right: -98px
            }

            .face {
                position: absolute;
                height: 12px;
                width: 20px;
                background: #000;
                border-radius: 20px 20px 0 0;
                transform: rotate(-40deg);
                right: -125px;
                top: -15px
            }

            .face:after {
                content: "";
                height: 12px;
                width: 12px;
                background: #000;
                right: 4px;
                top: 7px;
                position: absolute;
                transform: rotate(40deg);
                transform-origin: 50% 50%;
                border-radius: 0 0 0 2px
            }

            .loader>span>span {
                width: 30px;
                height: 1px;
                background: #000;
                position: absolute;
                animation: fazer1 0.2s linear infinite
            }

            .loader>span>span:nth-child(2) {
                top: 3px;
                animation: fazer2 0.4s linear infinite
            }

            .loader>span>span:nth-child(3) {
                top: 1px;
                animation: fazer3 0.4s linear infinite;
                animation-delay: -1s
            }

            .loader>span>span:nth-child(4) {
                top: 4px;
                animation: fazer4 1s linear infinite;
                animation-delay: -1s
            }

            @keyframes fazer1 {
                0% {
                    left: 0
                }

                100% {
                    left: -80px;
                    opacity: 0
                }
            }

            @keyframes fazer2 {
                0% {
                    left: 0
                }

                100% {
                    left: -100px;
                    opacity: 0
                }
            }

            @keyframes fazer3 {
                0% {
                    left: 0
                }

                100% {
                    left: -50px;
                    opacity: 0
                }
            }

            @keyframes fazer4 {
                0% {
                    left: 0
                }

                100% {
                    left: -150px;
                    opacity: 0
                }
            }

            @keyframes speeder {
                0% {
                    transform: translate(2px, 1px) rotate(0deg)
                }

                10% {
                    transform: translate(-1px, -3px) rotate(-1deg)
                }

                20% {
                    transform: translate(-2px, 0px) rotate(1deg)
                }

                30% {
                    transform: translate(1px, 2px) rotate(0deg)
                }

                40% {
                    transform: translate(1px, -1px) rotate(1deg)
                }

                50% {
                    transform: translate(-1px, 3px) rotate(-1deg)
                }

                60% {
                    transform: translate(-1px, 1px) rotate(0deg)
                }

                70% {
                    transform: translate(3px, 1px) rotate(-1deg)
                }

                80% {
                    transform: translate(-2px, -1px) rotate(1deg)
                }

                90% {
                    transform: translate(2px, 1px) rotate(0deg)
                }

                100% {
                    transform: translate(1px, -2px) rotate(-1deg)
                }
            }

            .longfazers {
                position: absolute;
                width: 100%;
                height: 100%
            }

            .longfazers span {
                position: absolute;
                height: 2px;
                width: 20%;
                background: #000
            }

            .longfazers span:nth-child(1) {
                top: 20%;
                animation: lf 0.6s linear infinite;
                animation-delay: -5s
            }

            .longfazers span:nth-child(2) {
                top: 40%;
                animation: lf2 0.8s linear infinite;
                animation-delay: -1s
            }

            .longfazers span:nth-child(3) {
                top: 60%;
                animation: lf3 0.6s linear infinite
            }

            .longfazers span:nth-child(4) {
                top: 80%;
                animation: lf4 0.5s linear infinite;
                animation-delay: -3s
            }

            @keyframes lf {
                0% {
                    left: 200%
                }

                100% {
                    left: -200%;
                    opacity: 0
                }
            }

            @keyframes lf2 {
                0% {
                    left: 200%
                }

                100% {
                    left: -200%;
                    opacity: 0
                }
            }

            @keyframes lf3 {
                0% {
                    left: 200%
                }

                100% {
                    left: -100%;
                    opacity: 0
                }
            }

            @keyframes lf4 {
                0% {
                    left: 200%
                }

                100% {
                    left: -100%;
                    opacity: 0
                }
            }

            .io-black-mode .loader>span {
                background: #f1404b
            }

            .io-black-mode .base span {
                border-right-color: #f1404b
            }

            .io-black-mode .base span:before {
                background: #f1404b
            }

            .io-black-mode .base span:after {
                border-right-color: #f1404b
            }

            .io-black-mode .face {
                background: #f1404b
            }

            .io-black-mode .face:after {
                background: #f1404b
            }

            .io-black-mode .loader>span>span {
                background: #f1404b
            }

            .io-black-mode .longfazers span {
                background: #f1404b
            }
        </style>
        <div class='loader'>
            <span>
                <span></span>
                <span></span>
                <span></span>
                <span></span>
            </span>
            <div class='base'>
                <span></span>
                <div class='face'></div>
            </div>
        </div>
        <div class='longfazers'>
            <span></span>
            <span></span>
            <span></span>
            <span></span>
        </div>
        <p class="loader-text">奔向新世界...</p>
    </div>
</body>
</body>


</html>
© 版权声明
版权声明 1、本网站名称：亿点资源网
2、本站永久网址：https://www.yjjmt.com
3、本站文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系客服QQ1297545494进行删除处理。
4、本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向客服举报
6、本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。

THE END
子比教程
# 主题美化
喜欢就支持一下吧
赞赏 分享
Not afraid of people blocking, I'm afraid their surrender.
不怕万人阻挡，只怕自己投降
SVIP的头像-亿点资源网会员
相关推荐
评论 抢沙发
头像
欢迎您留下宝贵的见解！
提交
头像

昵称

取消
昵称

请填写用户信息：

  • 昵称(必填)
  • 邮箱(必填)
表情
[aoman][baiyan][bishi][bizui][cahan][ciya][dabing][daku][deyi][doge][fadai][fanu][fendou][ganga][guzhang][haixiu][hanxiao][zuohengheng][zhuakuang][zhouma][zhemo][zhayanjian][zaijian][yun][youhengheng][yiwen][yinxian][xu][xieyanxiao][xiaoku][xiaojiujie][xia][wunai][wozuimei][weixiao][weiqu][tuosai][tu][touxiao][tiaopi][shui][se][saorao][qiudale][qinqin][qiaoda][piezui][penxue][nanguo][liulei][liuhan][lenghan][leiben][kun][kuaikule][ku][koubi][kelian][keai][jingya][jingxi][jingkong][jie][huaixiao][haqian][aini][OK][qiang][quantou][shengli][woshou][gouyin][baoquan][aixin][bangbangtang][xiaoyanger][xigua][hexie][pijiu][lanqiu][juhua][hecai][haobang][caidao][baojin][chi][dan][kulou][shuai][shouqiang][yangtuo][youling]
代码

请输入代码：

确认
图片

    暂无评论内容

站长简介
微信：YJDSG9
本人创业10年，多家网站VIP付费会员，本站分享创业项目、创业教程、主题源码、电商教程、工具软件等也不断的从淘宝购买很多教程和模板。 专门做了这个网站用来分享这些精品付款资源。

标签云
冒泡网中创网福缘网AI抖音小红书引流视频号无人直播电脑软件搬运快手短剧美女手机软件学习办公闲鱼微信直播挂机公众号主题美化小程序wordpress全自动Windows免费chatGPTQQ过原创搬砖脚本工具tiktok小工具B站破解版支付宝头条和平精英