普通跳转页面
10 天前
35 阅读
正在使用的跳转页面代码 很潦草 把我的网站换一下就能成功使用
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="description" content="星光洒满你眼底 温柔藏在我心里" />
<meta name="keywords" content="林翊,偶遇,typecho,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://amrx.me" style="color: #fff; text-decoration: underline;">点击这里</a></p>
</div>
<script>
// 3秒后跳转
setTimeout(function() {
window.location.href = "https://amrx.me";
}, 3000);
</script>
</body>
</html>演示站：旧博客
暂无评论
