有些人买了,觉得初始化的跳转不好看,想选一个自己喜欢的跳转模板,但是又不知道怎么去设置跳转模板,那现在我给你们直接配好,自己喜欢那个直接选择那个复制粘贴即可。

第一款

替换占位字

#{link},#{desc},#{ad-link},#{ad-png}

替换关键字

https://www.aszi.cn/,安生子-AnSheng,https://www.aszi.cn/,http://cdn.aszi.cn/tc/2024/01/12/65a137094285c.png

跳转html模板

<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta content="always" name="referrer">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="robots" content="index,follow">
    <meta name="theme-color" content="#2932e1">
    <title>跳转网址安全提醒</title>
    <link href="favicon.ico" rel="shortcut icon" type="image/x-icon">
    <link
        href="https://apps.bdimg.com/libs/bootstrap/3.2.0/css/bootstrap.min.css"
        rel="stylesheet">
    <style>
        body {
            background: #f2f2f2;
            color: #777;
            font-family: "ff-tisa-web-pro-1", "ff-tisa-web-pro-2", "Lucida Grande", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "WenQuanYi Micro Hei", sans-serif;
        }

        .notice {
            font-size: 36px;
            z-index: 9;
            bottom: 12px;
            left: 0;
            right: 0;
            text-align: center;
            margin: 0;
            padding: 20px;
        }

        .box {
            width: 70%;
            margin: 10% auto;
        }

        .url {
            font-size: 18px;
            color: #337ab7;
            word-wrap: break-word;
        }

        .title {
            color: #337ab7;
            word-wrap: break-word;
            font-size: 14px;
            margin: 10px 0 0 0;
        }

        .removetip {
            float: right;
            font-size: 12px;
            margin: 20px 10px 0 0;
            clear: both;
        }

        .removetip_en {
            float: right;
            font-size: 12px;
            margin: 0px 10px 0 0;
            clear: both;
        }

        .noticebg {
            position: relative;
            margin-bottom: 40px;
            padding-bottom: 60px;
            background-color: #fff;
            -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
        }

        @media screen and (max-width:1024px) {
            .box {
                width: 100%;
            }
        }
    </style>
</head>

<body class="home-template">
    <div class="container">
        <div class="box">
            <div style="width:100%;">
                <article class="noticebg">
                    <div class="notice">
                        <p>您将要访问</p>
                        <p class="title"></p>
                        <p class="url">#{url}</p>

                        <p style="margin:10px 0 0 0"><button type="button" class="btn btn-success"
                                onclick="javascript:location.href='#{url}'">继续访问</button></p>

                        <p style="font-size:14px;margin:20px 0 10px 0">请勿随意打开陌生人发来的链接,如您不确定网站安全性,请点击 <a
                                class="btn btn-danger" href="#{link}">取消访问</a></p>

                        <p style="font-size:14px;margin:20px 0 0 0">#{desc}不对该网站内容承担任何责任,请小心填写账号、密码信息。</p>
                        <p style="font-size:14px">rlxx.vip assumes no responsibility for the security of this
                            site,please be caution for your confidential.</p>
                        </br>
                        <!-- 短链自适应图片广告 -->
                        <style>
                            .ad-container {
                                max-width: 100%;
                                height: auto;
                                overflow: hidden;
                                position: relative;
                            }

                            .ad-image {
                                width: 100%;
                                height: auto;
                            }

                            @media (max-width: 768px) {
                                .ad-image {
                                    width: 100%;
                                    height: auto;
                                }
                            }

                            @media (max-width: 480px) {
                                .ad-image {
                                    width: 100%;
                                    height: auto;
                                }
                            }
                        </style>
                        <div class="ad-container">
                            <a href="#{ad-link}">
                                <img class="ad-image" src="#{ad-png}"
                                    alt="广告图片">
                            </a>
                        </div>
                </article>
            </div>
        </div>
    </div>
</body>

</html>

第二款

替换占位字

#{title}

替换关键字

安生子-AnSheng

跳转html模板

<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="renderer" content="webkit">
    <title>跳转提示 - #{title}</title>
    <meta name="referrer" content="never">
    <link href="https://apps.bdimg.com/libs/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
</head>
<style>
    body {
        font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Source Han Sans CN, sans-serif;
        background: #f4f6f8;
        font-size: 14px;
    }

    .panel-default {
        border: none;
        padding: 0 15px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        -webkit-border-radius: 2px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 2px;
        -moz-background-clip: padding;
        border-radius: 2px;
        background-clip: padding-box;
    }

    .panel-default>.panel-heading {
        position: relative;
        padding: 15px 0;
        background: #fff;
        border-bottom: 1px solid #f5f5f5;
    }

    .panel-default>.panel-body {
        position: relative;
        padding: 15px 0;
    }

    .alert-warning {
        background-color: #fcf8e3;
        border-color: #faebcc;
        color: #f39c12;
    }

    .alert {
        padding: 15px;
        margin-bottom: 17px;
        border: 1px solid transparent;
        border-radius: 3px;
    }

    .btn-primary {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }
</style>

<body>
    <div class="container" id="content-container">
        <div class="row">
            <main class="col-xs-12 col-sm-8 col-sm-offset-2 col-md-6 col-md-offset-3">

                <div class="panel panel-default" style="margin-top:200px;padding:15px 20px;">
                    <div class="panel-heading">
                        <h3 class="panel-title">
                            即将离开#{title},请注意账号财产安全
                        </h3>
                    </div>
                    <div class="panel-body">
                        <div class="alert alert-warning alert-warning-light">
                            #{url} </div>
                        <div>
                            <a href="#{url}" class="btn btn-primary">继续访问</a>
                        </div>
                    </div>
                </div>

            </main>
        </div>
    </div>
</body>

</html>

第三款

替换占位字

#{time}

替换关键字

1500

跳转html模板

<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">
    <link href="favicon.ico" rel="shortcut icon" type="image/x-icon">
    <noscript>
        <meta http-equiv="refresh" content="1;url='#{url}';">
    </noscript>
    <title>页面加载中,请稍候...</title>
    <style type="text/css">
        body {
            background: #fff
        }

        .qjdh_no6 {
            transform: scale(1) translateY(-30px);
        }

        .qjdh_no6>div:nth-child(2) {
            -webkit-animation-delay: -.4s;
            animation-delay: -.4s
        }

        .qjdh_no6>div:nth-child(3) {
            -webkit-animation-delay: -.2s;
            animation-delay: -.2s
        }

        .qjdh_no6>div {
            position: absolute;
            top: 0;
            left: -30px;
            margin: 2px;
            margin: 0;
            width: 15px;
            width: 60px;
            height: 15px;
            height: 60px;
            border-radius: 100%;
            background-color: #ff3cb2;
            opacity: 0;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            -webkit-animation: ball-scale-multiple 1s .5s linear infinite;
            animation: ball-scale-multiple 1s .5s linear infinite
        }

        @-webkit-keyframes ball-scale-multiple {
            0% {
                opacity: 0;
                -webkit-transform: scale(0);
                transform: scale(0)
            }

            5% {
                opacity: 1
            }

            to {
                -webkit-transform: scale(1);
                transform: scale(1)
            }
        }

        @keyframes ball-scale-multiple {

            0%,
            to {
                opacity: 0
            }

            0% {
                -webkit-transform: scale(0);
                transform: scale(0)
            }

            5% {
                opacity: 1
            }

            to {
                opacity: 0;
                -webkit-transform: scale(1);
                transform: scale(1)
            }
        }

        @keyframes ball-s {

            0%,
            to {
                opacity: 0;
                transform: scale(0)
            }

            to {
                opacity: 1;
                transform: scale(1)
            }
        }

        @keyframes ball-s2 {
            0% {
                opacity: 0;
            }

            30% {
                opacity: 0;
            }

            to {
                opacity: 1;
            }
        }
    </style>
</head>

<body>
    <div
        style="position:fixed;animation:ball-s .5s 0s ease-out;top:-60px;left:0;bottom:0;right:0;display:flex;align-items:center;justify-content:center">
        <div class="qjdh_no6">
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>
    <div
        style="position:fixed;top:60px;left:0;bottom:0;color: #f156b4;animation:ball-s2 .8s cubic-bezier(0.36, 0.29, 0.62, 1.36);right:0;display:flex;align-items:center;justify-content:center;">
        页面加载中,请稍候...</div>
    <script>
        function link_jump() {
            location.href = "#{url}";
        }

        //延时1S跳转,可自行修改延时时间
        setTimeout(link_jump, #{time});
        //延时50S关闭跳转页面,用于文件下载后不会关闭跳转页的问题
        setTimeout(function () {
            window.opener = null;
            window.close();
        }, 50000);
    </script>
</body>

</html>                    

第四款

替换占位字

#{logo}

替换关键字

https://cdn.aszi.cn/tc/2023/12/06/6570302658321.png

跳转html模板

<!DOCTYPE html>
        <html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
            <meta http-equiv="X-UA-Compatible" content="IE=Edge">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <title>跳转网址安全提醒</title>
            <link href="favicon.ico" rel="shortcut icon" type="image/x-icon">
            <style>
            html,body{background:#F3F4F5;font-family: PingFang SC,Hiragino Sans GB,Arial,Microsoft YaHei,Verdana,Roboto,Noto,Helvetica Neue,sans-serif;padding:0;margin:0;}
            a{text-decoration:none;}
            .urlArea            { padding-top:50px;width:450px;margin:auto;word-break: break-all; }
            .urlArea .logo img  { display: block;margin:auto;margin-bottom: 16px; max-width:350px; }
            .urlArea .main      { background:#fff;padding:24px;border-radius: 12px;border: 1px solid #E1E1E1; }
            .urlArea .flex      { display:flex;align-items:center; }
            .urlArea .btn       { display:flex;justify-content:flex-end;align-items: center; }
            .urlArea .tip       { background:#e8eefa;padding:12px;margin-bottom:16px;border-radius:4px; }
            .urlArea .urlColor  { color:red; }
            .urlArea .urlBox    { font-size: 14px;color: #222226;line-height: 24px;margin-bottom:24px; }
            .urlArea .ico       { width:24px;height:24px; }
            .urlArea .goBtn     { white-space: nowrap;font-size: 14px;background-color: #408ffa;color:#ffffff;border: 1px solid #408ffa;display:inline-block;box-sizing: border-box;padding:6px 18px;border-radius: 18px;margin-left:8px; }
            .urlArea .icoTxt    { font-size: 16px;font-weight: 600;color: #222226;line-height: 22px;margin-left:12px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }
            @media (max-width: 600px){
                .urlArea    { padding-top:90px;width:94%; }
            }
            </style>
        </head>
        <body>
            <div class="urlArea">
                <div class="logo"><img src="#{logo}" alt="LOGO"></div>
                <div class="main">
                    <div class="flex tip">
                        <img class="ico" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAADWUlEQVRoQ+2YvWsUQRiH33fmOMQiRQor7RQSweB9KAQEg1iYKFaZnJJ/wcTOMhLs7Ez8FwLebikasTGCoJDcHSoYQbHRyiKFhajczCu3SS73sbfzsXNJDnLV3s4y83vm3X12dhAG/IcDnh+OAHpVkITISvg2DYyQjwyVcXGt3o9q960CdZELAWC6ERoRn/CgentgAGimOCVJPmsNzJFfx2DjuW8I7xWg+xMZ9enXRwIaaQ2LgJ/Z2aFzvm8l7wBypjBPpB7FzTQiu8uDypLPKngFIDE+rODPFwIYjgUA2GJw7AyGb7d8QXgFkCK/TEB3ksIh4GMeVucOHQCV8qNKwQcCymgA6ozBGJarmz4gvFWgLvKrAHTNLBS+yITVSbNrk6/yAhCnTV04X1pNDdBLmzoAX1pNDZCkTS2EB62mAtBpUwvgQaupAEy0qYdIp1VnAFNtGgCk0qozgJ02tRjOWnUCoFJxUiqZuLJEgB+AbCWKTmqWAE4mYXDGp7C8sapD7Wy3BjDVJke8iUH1aZS/lL8hFUXHvX6uWrUGMNUmByxiWK1sAxTyUqnoOBHCQatWADbadAJw0KoVgJwpLBEpo5WkC0CjOohsmQeVeV21dtuNAWy16QwAaKVVYwBbbboCbM+s+WrVCMBEm50lTwcAYKpVLYCpNrsALDXa7XezTQAtgKk2Y14wVi+yuIfWZBMgEcBGm6bWsLkODbSaCGCjTZtgNtfqtNoTwFabMffwb0DYWQvBLAEdtwm+5/lkrfYEsNVmazgElIzxcSyvr0dLiVu5opL4joC4C0SSVmMBXLTZBoDwnge1863npMjVCKDtnA1ML612Abhqs70C8JPB6VMYhv+iCgiRVfD1OwGcsAndPim4yUaHxjr3VrsAZCk3RwpS718i4gpjdK8RQil8SESzruGbzwODeV6uLXdM1t7fg9amDjBOq20VOAza1EJ0rFabAGm1qRvYVzt2rFabAHWRa3zjetmv9BU2oZ/VTFibarRHACQuXJZQX9uHgb0NwZFdwaDyKgKQorBAoBa99b4PHSHCAx7UFnYqULikUL0mArYPY6ceInrTA05gWHmz9xCL4kWF6ioAZFOP0NcO8C8jerm746H9HuhrFg+dHwF4mMRUXQx8Bf4DeBHHQHvQneAAAAAASUVORK5CYII=" alt="温馨提醒">
                        <div class="icoTxt">请注意您的账号和财产安全</div>
                    </div>
                    <div class="urlBox">
                        <span>
                            <div style="font-weight:bold;padding-bottom:8px;">即将跳转到外部网站<span style="color:#c8c8c8;font-weight:bold;">,安全性未知,是否继续?</span></div>
                            您将要访问的链接不属于本网站,请注意您的账号和财产安全。<br />
                            前往:<a class="urlColor">#{url}</a>
                        </span>
                    </div>
                    <div class="btn">
                        <label style="color:red;font-size:12px;"><input type="checkbox" id="isOk" value="1" checked="checked" />本人已知晓风险,本人自愿访问,与本网站无关。</label>
                        <a id="goBtn" class="goBtn" href="#" target="_self" onclick="return CheckGoUrl()">继续访问</a>
                        <script language="javascript" type="text/javascript">
                        var goUrl = decodeURIComponent("#{url}");
                        document.getElementById("goBtn").href = goUrl;

                        function CheckGoUrl(){
                            if (document.getElementById("isOk").checked){
                                document.location.href = goUrl;
                                return true;
                            }else{
                                alert("请先打钩左侧【本人已知晓风险】项!"); // ,再点击【继续访问】
                                return false;
                            }
                        }
                        </script>
                    </div>
                </div>
            </div>
        </body>
        </html>                    

第五款

替换占位字

#{time}

替换关键字

5

跳转html模板

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<!--[if IE 8]><style>.ie8 .alert-circle,.ie8 .alert-footer{display:none}.ie8 .alert-box{padding-top:75px}.ie8 .alert-sec-text{top:45px}</style><![endif]-->
<title>正在跳转...</title>
<style>
body {
  margin: 0;
  padding: 0;
  background: #E6EAEB;
  font-family: Arial, '微软雅黑', '宋体', sans-serif
}
.alert-box {
  display: none;
  position: relative;
  margin: 96px auto 0;
  padding: 180px 85px 22px;
  border-radius: 10px 10px 0 0;
  background: #FFF;
  box-shadow: 5px 9px 17px rgba(102,102,102,0.75);
  width: 286px;
  color: #FFF;
  text-align: center
}
.alert-box p {
  margin: 0
}
.alert-circle {
  position: absolute;
  top: -50px;
  left: 111px
}
.alert-sec-circle {
  stroke-dashoffset: 0;
  stroke-dasharray: 735;
  transition: stroke-dashoffset 1s linear
}
.alert-sec-text {
  position: absolute;
  top: 11px;
  left: 190px;
  width: 76px;
  color: #000;
  font-size: 68px
}
.alert-sec-unit {
  font-size: 34px
}
.alert-body {
  margin: 35px 0
}
.alert-head {
  color: #242424;
  font-size: 28px
}
.alert-concent {
  margin: 25px 0 14px;
  color: #7B7B7B;
  font-size: 18px
}
.alert-concent p {
  line-height: 27px
}
.alert-btn {
  display: block;
  border-radius: 10px;
  background-color: #4AB0F7;
  height: 55px;
  line-height: 55px;
  width: 286px;
  color: #FFF;
  font-size: 20px;
  text-decoration: none;
  letter-spacing: 2px
}
.alert-btn:hover {
  background-color: #6BC2FF
}
.alert-footer {
  margin: 0 auto;
  height: 42px;
  width: 120px
}
.alert-footer-icon {
  float: left
}
.alert-footer-text {
  float: left;
  border-left: 2px solid #EEE;
  padding: 3px 0 0 5px;
  height: 40px;
  color: #0B85CC;
  font-size: 12px;
  text-align: left
}
.alert-footer-text p {
  color: #7A7A7A;
  font-size: 22px;
  line-height: 18px
}
</style>
</head>
<body class="ie8">
<div id="js-alert-box" class="alert-box">
  <svg class="alert-circle" width="234" height="234">
    <circle cx="117" cy="117" r="108" fill="#FFF" stroke="#43AEFA" stroke-width="17"></circle>
    <circle id="js-sec-circle" class="alert-sec-circle" cx="117" cy="117" r="108" fill="transparent" stroke="#F4F1F1" stroke-width="18" transform="rotate(-90 117 117)"></circle>
    <text class="alert-sec-unit" x="82" y="172" fill="#BDBDBD">秒</text>
  </svg>
  <div id="js-sec-text" class="alert-sec-text"></div>
  <div class="alert-body">
    <div id="js-alert-head" class="alert-head"></div>
    <div class="alert-concent">
      <p>用心建设每一个网站</p>
      <p>您身边的网站建设专家</p>
    </div>
    <a id="js-alert-btn" class="alert-btn" href="#{url}">立即前往</a>
  </div>
  <div class="alert-footer clearfix">
    <svg width="46px" height="42px" class="alert-footer-icon">
      <circle fill-rule="evenodd" clip-rule="evenodd" fill="#7B7B7B" stroke="#DEDFE0" stroke-width="2" stroke-miterlimit="10" cx="21.917" cy="21.25" r="17"/>
      <path fill="#FFF" d="M22.907,27.83h-1.98l0.3-2.92c-0.37-0.22-0.61-0.63-0.61-1.1c0-0.71,0.58-1.29,1.3-1.29s1.3,0.58,1.3,1.29 c0,0.47-0.24,0.88-0.61,1.1L22.907,27.83z M18.327,17.51c0-1.98,1.61-3.59,3.59-3.59s3.59,1.61,3.59,3.59v2.59h-7.18V17.51z M27.687,20.1v-2.59c0-3.18-2.59-5.76-5.77-5.76s-5.76,2.58-5.76,5.76v2.59h-1.24v10.65h14V20.1H27.687z"/>
      <circle fill-rule="evenodd" clip-rule="evenodd" fill="#FEFEFE" cx="35.417" cy="10.75" r="6.5"/>
      <polygon fill="#7B7B7B" stroke="#7B7B7B" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="35.417,12.16 32.797,9.03 31.917,10.07 35.417,14.25 42.917,5.29 42.037,4.25 "/>
    </svg>
    <div class="alert-footer-text"><p>secure</p>安全加密 </div>
  </div>
</div>
<script type="text/javascript">
function alertSet(e) {
    document.getElementById("js-alert-box").style.display = "block",
    document.getElementById("js-alert-head").innerHTML = e;
    var t = #{time},
    n = document.getElementById("js-sec-circle");
    document.getElementById("js-sec-text").innerHTML = t,
    setInterval(function() {
        if (0 == t){
      location.href="#{url}";
    }else {
            t -= 1,
            document.getElementById("js-sec-text").innerHTML = t;
            var e = Math.round(t / 10 * 735);
            n.style.strokeDashoffset = e - 735
        }
    },
    970);
}
</script>
<script>alertSet('正在进入,请稍后');</script>

</body>
</html>

购买地址

https://www.emlog.net/plugin/detail/664

或者

emlog插件-自动外链变内链跳转
0
0
能够自动将博客文章中的外链转换为内链,并实现跳转功能。这样做的好处是可以提升网站内部链接的质量,增加