93 lines
3.3 KiB
HTML
93 lines
3.3 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="zh">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<title>正在跳转|SPQR.top 短网址跳转服务</title>
|
||
|
|
<!-- 引入Bootstrap CDN -->
|
||
|
|
<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
|
||
|
|
<style>
|
||
|
|
/* 内联CSS样式 */
|
||
|
|
body {
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
height: 100vh;
|
||
|
|
/**background: linear-gradient(270deg, #ff9a9e, #fad0c4);**/
|
||
|
|
background-image: url('https://cdn-dynmedia-1.microsoft.com/is/image/microsoftcorp/305616-skucards-backgroundfullbleed-1600x1132?resMode=sharp2&op_usm=1.5,0.65,15,0&wid=2000&hei=1415&qlt=100&fmt=png-alpha&fit=constrain');
|
||
|
|
background-size: 400% 400%;
|
||
|
|
animation: gradient 15s ease infinite;
|
||
|
|
}
|
||
|
|
@keyframes gradient {
|
||
|
|
0% { background-position: 0% 50%; }
|
||
|
|
50% { background-position: 100% 50%; }
|
||
|
|
100% { background-position: 0% 50%; }
|
||
|
|
}
|
||
|
|
.card {
|
||
|
|
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
|
||
|
|
border-radius: 10px;
|
||
|
|
}
|
||
|
|
.btn-primary {
|
||
|
|
background-color: #007bff;
|
||
|
|
border: none;
|
||
|
|
}
|
||
|
|
.btn-primary:hover {
|
||
|
|
background-color: #0056b3;
|
||
|
|
}
|
||
|
|
.btn-error {
|
||
|
|
background-color: #ff3700;
|
||
|
|
border: none;
|
||
|
|
}
|
||
|
|
.btn-error:hover {
|
||
|
|
background-color: #b70404;
|
||
|
|
}
|
||
|
|
.loader {
|
||
|
|
border: 4px solid #f3f3f3;
|
||
|
|
border-radius: 50%;
|
||
|
|
border-top: 4px solid #3498db;
|
||
|
|
width: 48px;
|
||
|
|
height: 48px;
|
||
|
|
animation: spin 2s linear infinite;
|
||
|
|
margin: 0 auto 15px auto;
|
||
|
|
}
|
||
|
|
@keyframes spin {
|
||
|
|
0% { transform: rotate(0deg); }
|
||
|
|
100% { transform: rotate(360deg); }
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="card text-center">
|
||
|
|
<div class="card-body">
|
||
|
|
<img src="https://wallpapercave.com/wp/wp2471066.jpg" style="max-width: 168px;"/>
|
||
|
|
<h2 class="card-title" id="title">正在前往目标站点</h2>
|
||
|
|
<p class="card-text">由 <a href="//spqr.top" target="_blank">SPQR.top</a> 提供网址链接缩短服务。</p>
|
||
|
|
<p class="card-text">目标网站由 <span><?php echo($source->owner); ?></span> 提供 <br />
|
||
|
|
我们不对其内容的真实性和合法性负责。
|
||
|
|
</p>
|
||
|
|
<p class="card-text" style="display: <?php echo($ba);?>;">⚠️该网站未备案，可能存在违规内容，请谨慎访问！⚠️</p>
|
||
|
|
<div id="loader" class="loader"></div>
|
||
|
|
<a id="msg" class="btn "></a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.7.1.js" ></script>
|
||
|
|
<script type="text/javascript">
|
||
|
|
let min = 2000;
|
||
|
|
let max = 6000;
|
||
|
|
let randomIntInRange = Math.floor(Math.random() * (max - min + 1)) + min;
|
||
|
|
|
||
|
|
setTimeout(function(){
|
||
|
|
var goto='<?php echo $source->source; ?>';
|
||
|
|
$("#msg").attr("href", goto);
|
||
|
|
$("#msg").html('若您的浏览器没有反应，请点击此处');
|
||
|
|
$("#msg").addClass("btn-primary");
|
||
|
|
$("#msg").show();
|
||
|
|
window.location.href=goto;
|
||
|
|
}, randomIntInRange);
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
</html>
|