这个前往网页还是我在别人网站收扒的我觉得好看就分享给大家!
网页里面的链接是可以改的,可以改成你自己的网站链接!我已在网页源码中标记出来了,哪些地方是改链接的。
代码如下:
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="Cache-Control" content="no-transform"> <meta http-equiv="Cache-Control" content="no-siteapp"> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1"> <meta name="robots" content="noindex, nofollow" /> <title>正在前往迷失博客</title> <style> *{box-sizing:border-box} a,a:hover{text-decoration:none} body{margin:0;padding:0;color:#324e63;font-family:Quicksand,sans-serif} .min{display:flex;padding:50px 20px;width:100%;height:auto;min-height:100vh;background-image:url(http://api.btstu.cn/sjbz/?lx=dongman);background-position:center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed} #min-box{position:relative;margin:auto;width:20pc;max-width:700px;border-radius:9pt;background:rgba(255,255,255,.44);box-shadow:0 8px 60px -10px rgba(13,28,39,.6)} #min-img{position:relative;z-index:4;overflow:hidden;margin-right:auto;margin-left:auto;width:150px;height:150px;border-radius:50%;background:rgba(255,255,255,.44);box-shadow:0 5px 50px 0 #ddd,0 0 0 7px rgba(255,255,255,0);transform:translateY(-50%)} .min-card{margin-top:-35px;padding:0 20px;padding-bottom:40px;text-align:center;transition:all .3s} .min-name{margin-bottom:15px;color:#333;font-weight:700;font-size:24px} .min-txt{margin-bottom:15px;color:#324e63;font-weight:500;font-size:20px} .min-button{display:flex;margin-top:40px;justify-content:center;align-items:center} .min-Jump{margin:15px 35px;margin-right:0;margin-left:0;padding:15px 40px;min-width:201px;min-height:55px;border:none;border-radius:50px;background:linear-gradient(45deg,#1da1f2,#0e71c8);box-shadow:0 4px 30px rgba(19,127,212,.4);color:#fff;font-weight:700;font-size:19px;cursor:pointer;transition:all .3s;backface-visibility:hidden} .min-Jump:focus{outline:0!important} .min-Jump:hover{transform:translateY(-5px)} #Seconds{margin-top:30px;color:#000;text-align:center;font-size:68px} @media screen and (max-width:767px){.min{padding-top:75pt;height:auto;min-height:100vh;}.min-Jump{margin:15px 25px;min-width:170px;}#Seconds{margin-top:20px;}} @media screen and (max-width:576px){#min-img{width:90pt;height:90pt;}#min-box{width:100%;}.min-button{flex-wrap:wrap;}.min-Jump{margin:0;margin-bottom:1pc;width:100%;max-width:300px;min-width:inherit;}.min-Jump:last-child{margin-bottom:0;}} </style> </head> <body> <div class="min"> <div id="min-box"> <div id="min-img"> <div id="Seconds"></div> </div> <div class="min-card"> <div class="min-name">正在重定向</div> <div class="min-txt">你好!我们正在前往迷失博客</div> <div class="min-button"> <a class="min-Jump" href="https://www.mishi23.com/">立即前往</a><!-- 这里可以改成你自己网站的链接 --> </div> </div> </div> </div> <script> var t = 5; document.getElementById("Seconds").innerHTML = t; setInterval(function(){ if(t == 0){ location.href = "https://www.mishi23.com/";//这里可以改成你自己网站的链接// t -= 1; }else if(t > 0){ t -= 1; document.getElementById("Seconds").innerHTML = t; } },970) </script> </body>
测试地点:点击看效果