一个简单的HTML实现外链转内链

 9年前     3,144  
一个简单的HTML实现外链转内链

文章目录

    一个简单的HTML实现外链跳转,支持所有程序

    下载文章底部的附件或者将以下代码保存为go.html,然后放到网站根目录

    超链接地址为:你的网址/go.html?url=跳转网址

    如 https://www.zifumao.com/go.html?url=http://www.xxxx.com/

    点击链接后会打开go.html,然后会自动跳转到www.xxxx.com

    以下是完整的代码

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>正在跳转....</title>
      <script language="javascript">
      function geturl() {
        var param = "url"
        var query = window.location.search;
        var iLen = param.length;
        var iStart = query.indexOf(param);
        if (iStart == -1) return "";
        iStart += iLen + 1;
        return query.substring(iStart)
      }
      function init() {
        var url = geturl();
        if (url == "") window.location.href = ’/’;
        else window.location.href = url
      }
      </script>
       <style>
      body{background:#000}.loading{-webkit-animation:fadein 2s;-moz-animation:fadein 2s;-o-animation:fadein 2s;animation:fadein 2s}@-moz-keyframes fadein{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadein{from{opacity:0}to{opacity:1}}@-o-keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes fadein{from{opacity:0}to{opacity:1}}.spinner-wrapper{position:absolute;top:0;left:0;z-index:300;height:100%;min-width:100%;min-height:100%;background:rgba(255,255,255,0.93)}.spinner-text{position:absolute;top:41.5%;left:47%;margin:16px 0 0 35px;color:#BBB;font-family:Microsoft YaHei}.spinner{position:absolute;top:40%;left:45%;display:block;margin:0;width:1px;height:1px;border:25px solid rgba(100,100,100,0.2);-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;border-left-color:transparent;border-right-color:transparent;-webkit-animation:spin 1.5s infinite;-moz-animation:spin 1.5s infinite;animation:spin 1.5s infinite}@-webkit-keyframes spin{0%,100%{-webkit-transform:rotate(0deg) scale(1)}50%{-webkit-transform:rotate(720deg) scale(0.6)}}@-moz-keyframes spin{0%,100%{-moz-transform:rotate(0deg) scale(1)}50%{-moz-transform:rotate(720deg) scale(0.6)}}@-o-keyframes spin{0%,100%{-o-transform:rotate(0deg) scale(1)}50%{-o-transform:rotate(720deg) scale(0.6)}}@keyframes spin{0%,100%{transform:rotate(0deg) scale(1)}50%{transform:rotate(720deg) scale(0.6)}}
      </style>
    </head>
    
    <body onload="init()">
      <div class="loading">
        <div class="spinner-wrapper">
          <span class="spinner-text">正在跳转...</span>
          <span class="spinner"></span>
        </div>
      </div>
    </body>
    </html>
    前往领取
    版权声明:字符猫 发表于 9年前,共 2281 字。
    转载请注明:一个简单的HTML实现外链转内链 | 字符猫

    您可能感兴趣的