安全检测GO内外链跳转页面html源码 - 汇站网

安全检测GO内外链跳转页面html源码

2022-05-19 0 1,024

源码名称:安全检测GO 内外链跳转页面html 源码

源码概述:

一款清新好看的跳转源码,底部自行更换跳转目标地址,可用来预防人机或者进行 c 验证页面!
附上代码:

<!DOCTYPE html>
  <html lang="zh-CN"><head><meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
  <meta name="robots" content="noindex, nofollow">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <meta http-equiv="Cache-Control" content="max-age=7200">
  <meta name="description" content="检测中">
  <meta name="keywords" content="检测中">
  <title>正在检测你浏览器是否安全</title>
  <style type="text/css">
    html,
    body {
      width: 100%;
      height: 100%;
      margin: 0;
      padding: 0;
    }

    body {
      background-color: #ffffff;
      font-family: Helvetica, Arial, sans-serif;
      font-size: 100%;
    }

    h1 {
      font-size: 1.5em;
      color: #404040;
      text-align: center;
    }

    p {
      font-size: 1em;
      color: #404040;
      text-align: center;
      margin: 10px 0 0 0;
    }

    #spinner {
      margin: 0 auto 30px auto;
      display: block;
    }

    .attribution {
      margin-top: 20px;
    }

    #cssload-wrapper {
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      z-index: 15;
      overflow: hidden;
    }

    .cssload-loader {
      width: 206px;
      height: 206px;
      border: 1px rgb(0, 0, 0) solid;
      position: absolute;
      left: 50%;
      top: 50%;
      margin: -250px 0 0 -103px;
      border-radius: 50%;
      -o-border-radius: 50%;
      -ms-border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
    }

    .cssload-loader .cssload-loading {
      font-size: 14px;
      position: absolute;
      width: 100%;
      text-align: center;
      line-height: 19px;
      font-family: 'Century Gothic', sans-serif;
      font-style: italic;
      left: 0;
      top: 50%;
      margin-top: 28px;
      color: rgb(0, 0, 0);
      font-weight: bold;
      text-transform: uppercase;
      -o-text-transform: uppercase;
      -ms-text-transform: uppercase;
      -webkit-text-transform: uppercase;
      -moz-text-transform: uppercase;
    }

    .cssload-loader-circle-1 {
      width: 190px;
      height: 190px;
      left: 7px;
      top: 7px;
      border: 1px rgb(0, 0, 0) solid;
      position: absolute;
      border-right-color: transparent;
      border-radius: 50%;
      -o-border-radius: 50%;
      -ms-border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      animation: spin 3.45s linear infinite;
      -o-animation: spin 3.45s linear infinite;
      -ms-animation: spin 3.45s linear infinite;
      -webkit-animation: spin 3.45s linear infinite;
      -moz-animation: spin 3.45s linear infinite;
    }

    .cssload-loader-circle-2 {
      width: 173px;
      height: 173px;
      left: 7px;
      top: 7px;
      border: 1px transparent solid;
      position: absolute;
      border-right-color: rgb(232, 21, 18);
      border-radius: 50%;
      -o-border-radius: 50%;
      -ms-border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      animation: spin 5.75s linear infinite;
      -o-animation: spin 5.75s linear infinite;
      -ms-animation: spin 5.75s linear infinite;
      -webkit-animation: spin 5.75s linear infinite;
      -moz-animation: spin 5.75s linear infinite;
    }

    .cssload-loader .cssload-line {
      width: 14px;
      height: 3px;
      background: rgb(0, 0, 0);
      position: absolute;
    }

    .cssload-loader .cssload-line:nth-child(1) {
      left: 22px;
      top: 50%;
      margin-top: -1px;
    }

    .cssload-loader .cssload-line:nth-child(2) {
      transform: rotate(45deg);
      -o-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      left: 45px;
      top: 45px;
    }

    .cssload-loader .cssload-line:nth-child(3) {
      top: 22px;
      left: 50%;
      width: 3px;
      height: 14px;
    }

    .cssload-loader .cssload-line:nth-child(4) {
      transform: rotate(135deg);
      -o-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
      -webkit-transform: rotate(135deg);
      -moz-transform: rotate(135deg);
      right: 45px;
      top: 45px;
    }

    .cssload-loader .cssload-line:nth-child(5) {
      right: 22px;
      top: 50%;
      margin-top: -1px;
    }

    .cssload-loader .cssload-line:nth-child(6) {
      transform: rotate(45deg);
      -o-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      right: 45px;
      bottom: 45px;
      background: rgb(232, 21, 18);
    }

    .cssload-loader .cssload-subline {
      position: absolute;
      width: 4px;
      height: 3px;
      background: rgb(0, 0, 0);
    }

    .cssload-loader .cssload-subline:nth-child(7) {
      transform: rotate(22.5deg);
      -o-transform: rotate(22.5deg);
      -ms-transform: rotate(22.5deg);
      -webkit-transform: rotate(22.5deg);
      -moz-transform: rotate(22.5deg);
      left: 29px;
      top: 69px;
    }

    .cssload-loader .cssload-subline:nth-child(8) {
      transform: rotate(67.5deg);
      -o-transform: rotate(67.5deg);
      -ms-transform: rotate(67.5deg);
      -webkit-transform: rotate(67.5deg);
      -moz-transform: rotate(67.5deg);
      left: 69px;
      top: 29px;
    }

    .cssload-loader .cssload-subline:nth-child(9) {
      transform: rotate(112.5deg);
      -o-transform: rotate(112.5deg);
      -ms-transform: rotate(112.5deg);
      -webkit-transform: rotate(112.5deg);
      -moz-transform: rotate(112.5deg);
      right: 69px;
      top: 29px;
    }

    .cssload-loader .cssload-subline:nth-child(10) {
      transform: rotate(157.5deg);
      -o-transform: rotate(157.5deg);
      -ms-transform: rotate(157.5deg);
      -webkit-transform: rotate(157.5deg);
      -moz-transform: rotate(157.5deg);
      right: 29px;
      top: 69px;
    }

    .cssload-loader .cssload-subline:nth-child(11) {
      transform: rotate(22.5deg);
      -o-transform: rotate(22.5deg);
      -ms-transform: rotate(22.5deg);
      -webkit-transform: rotate(22.5deg);
      -moz-transform: rotate(22.5deg);
      right: 28px;
      bottom: 67px;
      background: rgb(232, 21, 18);
    }

    .cssload-loader .cssload-needle {
      width: 19px;
      height: 19px;
      border: 1px rgb(0, 0, 0) solid;
      position: absolute;
      left: 50%;
      top: 50%;
      margin: -11px 0 0 -11px;
      z-index: 1;
      border-radius: 50%;
      -o-border-radius: 50%;
      -ms-border-radius: 50%;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      animation: pegIt 3.45s infinite ease-in-out;
      -o-animation: pegIt 3.45s infinite ease-in-out;
      -ms-animation: pegIt 3.45s infinite ease-in-out;
      -webkit-animation: pegIt 3.45s infinite ease-in-out;
      -moz-animation: pegIt 3.45s infinite ease-in-out;
    }

    .cssload-loader .cssload-needle:before {
      content: "";
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 4.5px 69px 4.5px 0;
      border-color: transparent rgb(232, 21, 18) transparent transparent;
      position: absolute;
      right: 50%;
      top: 50%;
      margin: -4.5px 0 0 0;
      border-radius: 0 50% 50% 0;
      -o-border-radius: 0 50% 50% 0;
      -ms-border-radius: 0 50% 50% 0;
      -webkit-border-radius: 0 50% 50% 0;
      -moz-border-radius: 0 50% 50% 0;
    }





    @keyframes pegIt {
      0% {
        transform: rotate(0deg);
      }
      16% {
        transform: rotate(75deg);
      }
      25% {
        transform: rotate(55deg);
      }
      30% {
        transform: rotate(90deg);
      }
      36% {
        transform: rotate(170deg);
      }
      42% {
        transform: rotate(150deg);
      }
      50% {
        transform: rotate(227deg);
      }
      100% {
        transform: rotate(0deg);
      }
    }

    @-o-keyframes pegIt {
      0% {
        -o-transform: rotate(0deg);
      }
      16% {
        -o-transform: rotate(75deg);
      }
      25% {
        -o-transform: rotate(55deg);
      }
      30% {
        -o-transform: rotate(90deg);
      }
      36% {
        -o-transform: rotate(170deg);
      }
      42% {
        transform: rotate(150deg);
      }
      50% {
        -o-transform: rotate(227deg);
      }
      100% {
        -o-transform: rotate(0deg);
      }
    }

    @-ms-keyframes pegIt {
      0% {
        -ms-transform: rotate(0deg);
      }
      16% {
        -ms-transform: rotate(75deg);
      }
      25% {
        -ms-transform: rotate(55deg);
      }
      30% {
        -ms-transform: rotate(90deg);
      }
      36% {
        -ms-transform: rotate(170deg);
      }
      42% {
        transform: rotate(150deg);
      }
      50% {
        -ms-transform: rotate(227deg);
      }
      100% {
        -ms-transform: rotate(0deg);
      }
    }

    @-webkit-keyframes pegIt {
      0% {
        -webkit-transform: rotate(0deg);
      }
      16% {
        -webkit-transform: rotate(75deg);
      }
      25% {
        -webkit-transform: rotate(55deg);
      }
      30% {
        -webkit-transform: rotate(90deg);
      }
      36% {
        -webkit-transform: rotate(170deg);
      }
      42% {
        transform: rotate(150deg);
      }
      50% {
        -webkit-transform: rotate(227deg);
      }
      100% {
        -webkit-transform: rotate(0deg);
      }
    }

    @-moz-keyframes pegIt {
      0% {
        -moz-transform: rotate(0deg);
      }
      16% {
        -moz-transform: rotate(75deg);
      }
      25% {
        -moz-transform: rotate(55deg);
      }
      30% {
        -moz-transform: rotate(90deg);
      }
      36% {
        -moz-transform: rotate(170deg);
      }
      42% {
        transform: rotate(150deg);
      }
      50% {
        -moz-transform: rotate(227deg);
      }
      100% {
        -moz-transform: rotate(0deg);
      }
    }

    @keyframes spin {
      0% {
        transform: rotate(0deg);
      }
      100% {
        transform: rotate(360deg);
      }
    }

    @-o-keyframes spin {
      0% {
        -o-transform: rotate(0deg);
      }
      100% {
        -o-transform: rotate(360deg);
      }
    }

    @-ms-keyframes spin {
      0% {
        -ms-transform: rotate(0deg);
      }
      100% {
        -ms-transform: rotate(360deg);
      }
    }

    @-webkit-keyframes spin {
      0% {
        -webkit-transform: rotate(0deg);
      }
      100% {
        -webkit-transform: rotate(360deg);
      }
    }

    @-moz-keyframes spin {
      0% {
        -moz-transform: rotate(0deg);
      }
      100% {
        -moz-transform: rotate(360deg);
      }
    }
  </style>
</head>

<body>
  <table width="100%" height="100%" cellpadding="20">
    <tbody><tr>
      <td align="center" valign="middle">
        <div class="up-browser-verification up-im-under-attack">
          <noscript><h1 data-translate="turn_on_js" style="color:#bd2426;">Please turn JavaScript on and reload the page.</h1></noscript>
          <div id="anticc-content">
            <div id="cssload-wrapper">
              <div class="cssload-loader">
                <div class="cssload-line"></div>
                <div class="cssload-line"></div>
                <div class="cssload-line"></div>
                <div class="cssload-line"></div>
                <div class="cssload-line"></div>
                <div class="cssload-line"></div>
                <div class="cssload-subline"></div>
                <div class="cssload-subline"></div>
                <div class="cssload-subline"></div>
                <div class="cssload-subline"></div>
                <div class="cssload-subline"></div>
                <div class="cssload-loader-circle-1">
                  <div class="cssload-loader-circle-2"></div>
                </div>
                <div class="cssload-needle"></div>
                <div class="cssload-loading">loading</div>
              </div>
            </div>
            <br>
            <br>
            <br>
            <br>
            <br>
            <br>
            <h1><span data-translate="checking_browser">当前客户端正在接受检测</span></h1>
            <h2><span data-translate="checking_browser">正在检测您浏览器是否安全.....</span></h2>
            <span style="color:red;font-family:&#x27;Microsoft YaHei&#x27;">检测完毕自动跳转中</span>
         
          </div>
        </div>
      </td>
    </tr>
  </tbody></table>
<!--跳转目标地址自行更换-->
<meta http-equiv="refresh" content="2; url=https://www.huizhanii.com/">	
</body></html>

 

截图演示:

安全检测GO内外链跳转页面html源码

转载请注明:汇站网 » 安全检测 GO 内外链跳转页面 html 源码

收藏 (0)

微信支付 微信扫一扫

支付宝支付 支付宝扫一扫

支付二维码
点赞 (0)

免责声明

本资源仅用于个人学习和研究使用,禁止用于任何商业环境!

1. 本网站名称:汇站网
2. 本站永久网址:https://www.huizhanii.com
3. 本站所有资源来源于网友投稿和收集,仅对编程人员及源代码爱好者开放下载做参考和研究使用,本站不提供任何技术服务!
4. 本站所有资源的展示图片和信息不代表本站立场!本站仅作为信息存储平台
5. 下载者禁止在服务器和虚拟机下进行搭建运营,本站所有资源不支持联网运行!仅允许调试和研究使用
6. 未经原版权作者许可,禁止用于任何商业环境,不得擅自使用。下载者如违反国家法律,一切法律后果自行承担!
7. 为尊重作者版权,请在下载24小时内删除!建议购买正版授权作品
8. 若资源侵犯您的合法权益,请提供版权证明和作品信息联系邮箱:972908224@qq.com,我们会及时处理
9. 如下载链接失效或文件有问题,请联系站长处理
10. 欢迎投稿优质源码或教程,审核通过后将有奖励
11. 本站资源收费仅用于维持网站运营
12. 数字商品具有特殊性,赞助后不支持退款

汇站网 技术分享 安全检测GO内外链跳转页面html源码 https://www.huizhanii.com/26160.html

站长资源下载中心-找源码上汇站

常见问题
  • 如果付款后没有弹出下载页面,多刷新几下,有问题联系客服!
查看详情
  • 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
查看详情

相关文章

发表评论
暂无评论
  随机评论   表情   下载本站到电脑桌面


表情表情表情表情表情表情表情表情表情表情表情表情表情表情表情表情表情表情表情表情表情表情表情表情表情表情表情表情表情表情
登录后评论
联系官方客服

为您解决烦忧 - 24小时在线 专业服务

(汇站网)一个专注站长资源的平台网站,提供最新的网站模板和整站源码,内容包含各类精品网页模板,企业网站模板,网站模板,DIV+CSS模板,织梦模板,帝国cms模板,discuz模板,wordpress模板,个人博客论坛模板,上千种免费网页模板下载尽在汇站网.找源码上汇站.huizhanii.com