微件:CodeLoadingUI/SCF：修订间差异
来自SOKA CAFE
| 第70行： | 第70行： | ||
var progressBar = document.getElementById('progressBar').querySelector('div'); | var progressBar = document.getElementById('progressBar').querySelector('div'); | ||
var interval = setInterval(function () { | var interval = setInterval(function () { | ||
progress += | progress += 3; | ||
progressBar.style.width = progress + '%'; | progressBar.style.width = progress + '%'; | ||
if (progress >= 100) { | if (progress >= 100) { | ||
| 第76行： | 第76行： | ||
document.getElementById('loadingOverlay').style.display = 'none'; // 隐藏加载界面 | document.getElementById('loadingOverlay').style.display = 'none'; // 隐藏加载界面 | ||
} | } | ||
}, | }, 800); | ||
}); | }); | ||
</script> | </script> | ||
2025年3月2日 (日) 10:13的版本
<style>
/* 全屏覆盖层 */
#loadingOverlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
z-index: 1000;
color: #fff;
font-family: monospace;
}
/* 加载动画 */
.loader {
border: 5px solid #f3f3f3;
border-top: 5px solid #3498db;
border-radius: 50%;
width: 50px;
height: 50px;
animation: spin 1s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
/* 进度条 */
#progressBar {
width: 200px;
height: 10px;
background: #444;
margin-top: 20px;
border-radius: 5px;
overflow: hidden;
}
#progressBar div {
height: 100%;
width: 0;
background: #3498db;
transition: width 0.5s ease;
}
/* 模拟代码样式 */
#codeDisplay {
margin-top: 20px;
background: #222;
padding: 10px;
border-radius: 5px;
width: 80%;
max-width: 600px;
overflow: auto;
white-space: pre-wrap;
}
</style>
<script>
// 确保DOM加载完成后再执行脚本
document.addEventListener('DOMContentLoaded', function () {
var progress = 0;
var progressBar = document.getElementById('progressBar').querySelector('div');
var interval = setInterval(function () {
progress += 3;
progressBar.style.width = progress + '%';
if (progress >= 100) {
clearInterval(interval);
document.getElementById('loadingOverlay').style.display = 'none'; // 隐藏加载界面
}
}, 800);
});
</script>
Loading system...
dir /s /b shukyo_city_festival File Not Found
dir /s /b *shukyo_city_festival Finding…
┗ admin:File Not Found ┗ adult:File Not Found ┗ alternative:File Not Found ┗ credit:File Not Found ┗ declassified:File Not Found ┗ fragment:File Not Found ┗ system:File Not Found ┗ thous:【合作】宗教都市祭 ~ Shukyo City Festival
>/thous:【合作】宗教都市祭 ~ Shukyo City Festival
