go跳转美化—六边形蜂窝加载

Zeus
2年前发布
830
提醒

在主题目录下go.php文件里面的代码全部删除，然后把下面的代码复制进去即可。替换原来的即可。
如果要修改，只修改代码中性对应的文字即可
主题更新会覆盖已修改的文件，记得备份，或者关注本站！
演示图

代码

<?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>
    
    <head>
  <style>
    body {
      height: 100vh;
      background-image: url("https://photo.zhou-si.com/images/2021/10/11/Wiki-backgrounda88ceba3f0206184.jpg");
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      overflow: hidden;
    }

    .hex-border {
      position: absolute;
      transform: translate(-50%, -50%);
      left: 50%;
      top: 50%;
      width: 170px;
      height: 170px;
      border: 2px solid #ebedf1;
      border-radius: 100%;
    }

    .hex-border::before {
      content: "";
      position: absolute;
      width: 174px;
      height: 174px;
      border: 2px solid #8c97ac;
      border-radius: 100%;
      box-sizing: border-box;
      clip-path: inset(0px 135px 135px 0px);
      -webkit-clip-path: inset(0px 135px 135px 0px);
      top: -2px;
      left: -2px;
      animation: rotateSmall 2s linear infinite;
      z-index: 2;
    }

    .hex-border::after {
      content: "";
      position: absolute;
      width: 174px;
      height: 174px;
      border: 2px solid #c5cbd5;
      border-radius: 100%;
      box-sizing: border-box;
      top: -2px;
      left: -2px;
      clip-path: inset(0px 30px 30px 0px);
      -webkit-clip-path: inset(0px 30px 30px 0px);
      animation: rotateLarge 1s linear infinite;
    }

    .hexagons {
      position: relative;
      border-radius: 100%;
      padding: 5%;
      top: 30px;
      left: 35px;
    }

    .hexagon {
      position: absolute;
      width: 40px;
      height: 23px;
      background-color: #79859e;
      transform: scale(1.02);
      transform-origin: center;
    }

    .hexagon::before {
      content: "";
      position: absolute;
      top: -11.5px;
      left: 0;
      width: 0;
      height: 0;
      border-left: 20px solid transparent;
      border-right: 20px solid transparent;
      border-bottom: 11.5px solid #79859e;
    }

    .hexagon::after {
      content: "";
      position: absolute;
      top: 23px;
      left: 0;
      width: 0;
      height: 0;
      border-left: 20px solid transparent;
      border-right: 20px solid transparent;
      border-top: 11.5px solid #79859e;
    }

    .hexagon:nth-child(1) {
      animation: animateHex 3s infinite;
    }

    .hexagon:nth-child(2) {
      left: 53px;
      animation: animateHex 3s 0.2s infinite;
    }

    .hexagon:nth-child(3) {
      left: -13px;
      top: 46px;
      animation: animateHex 3s 1s infinite;
    }

    .hexagon:nth-child(4) {
      left: 31px;
      top: 46px;
      animation: animateHex 3s 1.2s infinite;
    }

    .hexagon:nth-child(5) {
      left: 75px;
      top: 46px;
      animation: animateHex 3s 0.4s infinite;
    }

    .hexagon:nth-child(6) {
      top: 84px;
      animation: animateHex 3s 0.8s infinite;
    }

    .hexagon:nth-child(7) {
      left: 53px;
      top: 84px;
      animation: animateHex 3s 0.6s infinite;
    }

    @keyframes rotateSmall {
      100% {
        transform: rotate(1turn);
      }
    }

    @keyframes rotateLarge {
      0% {
        clip-path: inset(0px 30px 30px 0px);
        -webkit-clip-path: inset(0px 30px 30px 0px);
      }

      50% {
        clip-path: inset(0px 150px 150px 0px);
        -webkit-clip-path: inset(0px 150px 150px 0px);
      }

      100% {
        transform: rotate(1turn);
        clip-path: inset(0px 30px 30px 0px);
        -webkit-clip-path: inset(0px 30px 30px 0px);
      }
    }

    @keyframes animateHex {
      0% {
        transform: scale(1.02);
      }

      20%,
      50% {
        transform: scale(0.6);
        opacity: 0;
      }

      65% {
        transform: scale(1.02);
        opacity: 1;
      }
    }
  </style>
</head>

<body>

  <div class="hex-border">
    <div class="hexagons">
      <div class="hexagon"></div>
      <div class="hexagon"></div>
      <div class="hexagon"></div>
      <div class="hexagon"></div>
      <div class="hexagon"></div>
      <div class="hexagon"></div>
      <div class="hexagon"></div>
    </div>
  </div>

</body>

    
    
</body>

</html>
go跳转
评分
欢迎为Ta评分