<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="description" content="星光洒满你眼底 温柔藏在我心里" />
<meta name="keywords" content="cjw123,追求完美,zblog,php,blog,日常,吐槽,技术,主题" />
<title>正在跳转...</title>
<style>
body {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
font-family: 'Arial', sans-serif;
color: white;
}
.loader {
text-align: center;
}
.spinner {
width: 50px;
height: 50px;
border: 5px solid rgba(255, 255, 255, 0.3);
border-radius: 50%;
border-top-color: white;
animation: spin 1s ease-in-out infinite;
margin: 0 auto 20px;
}
@keyframes spin {
to { transform: rotate(360deg); }
}
.progress-bar {
width: 200px;
height: 4px;
background: rgba(255, 255, 255, 0.2);
margin: 20px auto;
overflow: hidden;
}
.progress {
height: 100%;
width: 0;
background: white;
animation: progress 3s linear forwards;
}
@keyframes progress {
to { width: 100%; }
}
</style>
</head>
<body>
<div class="loader">
<div class="spinner"></div>
<h2>正在带您前往新页面...</h2>
<div class="progress-bar">
<div class="progress"></div>
</div>
<p>如果未自动跳转，请<a href="https://cjw123.com" style="color: #fff; text-decoration: underline;">点击这里</a></p>
</div>
<script>
// 3秒后跳转
setTimeout(function() {
window.location.href = "https://cjw123.com";
}, 3000);
</script>
</body>
</html>
