Skip to the content.

首页 | Blogs | 项目合集 | Bilibili↗
←返回 | 创建:2022-08-20 | 最后更新:2024-10-01

前言

好吧虽然我不知道有啥用……
可能或许可以放个广告?
具体新建一个.\jump.html文件,丢入源码,跳转时使用//xxx.xxx/jump.html?u=后接目标地址即可

源码

基础款

<!DOCTYPE html>
<html>
<head>
  <meta 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>

轻量级

几乎没有UI。适用于一些不识别链接。
比如minecraft://,github不识别,可以这样搞。←demo

<head readme="用于页面跳转">
    <title>正在跳转… | kdxiaoyi.top</title>
    <script type="text/javascript">
      function getQueryString(name) {
       let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
       let r = window.location.search.substr(1).match(reg);
       if (r != null) {
         return unescape(r[2]);
        };
       return null;
       }
       function back() {
        if (getQueryString('back') == "1") {window.history.back();}
        return
       }
    </script>
    <script>
        window.location=getQueryString('u');
        // 这个u就是参数名
        setTimeout(back(),1000);
    </script>
</head>
<body>
    <h1>正在跳转,请稍后……</h1>
    <input id="url" name="url" value="#null"></input>
    <a href="https://kdxiaoyi.top/"><h6>kdxiaoyi.top</h6></a>
</body>