skimrme/error.badservers
0
0
Fork 0
mirror of https://github.com/SkimrMe/error.badservers synced 2026-01-29 19:15:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add files via upload

Browse Source
This commit is contained in:
SkimrMe
2024-08-02 13:49:22 +08:00
committed by GitHub
parent 6653f602c5
commit ceec442cd0
6 changed files with 174 additions and 111 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
css/index.css Normal file
View File

@@ -0,0 +1,60 @@
/* 在这里添加CSS样式 */
.slider {
position: relative;
width: 600px;
margin: auto;
overflow: hidden;
}
.slides img {
width: 100%;
display: none;
}
.slides img:first-child {
display: block;
}
.prev, .next {
cursor: pointer;
position: absolute;
top: 50%;
transform: translateY(-50%);
padding: 16px;
color: white;
font-weight: bold;
font-size: 18px;
transition: 0.6s ease;
border-radius: 0 3px 3px 0;
user-select: none;
background-color: rgba(0, 0, 0, 0.5);
}
.next {
right: 0;
border-radius: 3px 0 0 3px;
}
.prev:hover, .next:hover {
background-color: rgba(0, 0, 0, 0.8);
}
.outer-div {
position: absolute; /* 或者使用 fixed, relative, sticky 等，取决于你的需求 */
top: 1; /* 如果你想让它固定在页面顶部 */
left: 0; /* 根据需要调整 */
width: 100%; /* 示例宽度 */
height: 50px; /* 示例高度 */
z-index: 1000; /* 确保这个值比页面上的其他元素都要高 */
}
/* 如果有其他元素可能重叠，确保它们的z-index低于1000 */
.other-element {
position: relative; /* 或其他非static的position值 */
z-index: 1; /* 低于.outer-div的z-index */
}

BIN
img/404.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 87 KiB

BIN
img/Bad servers.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 960 B

BIN
img/逆天.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 77 KiB

204
index.html
View File

@@ -4,9 +4,22 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>重构暂定</title>
<link rel="icon" type="images/x-icon" href="./img/Bad servers.png">
</head>
<table>
<main>
<center>
<div style="background-color: #97a5fc;">
<h2>
Error页面
</h2>
</div>
</center>
<table>
<tr>
<center>
@@ -47,119 +60,83 @@
<tr style="background-color:#ffffff;width:100%;height: 100%;vertical-align:top;">
<br>
<div>
<marquee scrollamount="10">
<font color="ff0000">一个一个一个一个糟糕的博客客客客</font>
</marquee>
</div>
<div>
<marquee scrollamount="16">
<font color="ff0000">一个一个一个一个开放与包容的平台</font>
<font color="ff0000">非常抱歉 非常抱歉</font>
</marquee>
</div>
<div>
<marquee scrollamount="5">
<font color="ff0000">No Master____No Master____No Master </font>
</marquee>
</div>
<div>
<marquee scrollamount="30">
<font color="ff0000">No Master____No Master____No Master </font>
</marquee>
</div>
<div>
<marquee scrollamount="45">
<font color="ff0000">非常抱歉 非常抱歉</font>
</marquee>
</div>
</tr>
</table>
</body>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<div>
<div class="outer-div">
<div>
<marquee scrollamount="10">
<font color="ff0000">一个一个一个一个糟糕的博客客客客</font>
</marquee>
</div>
<div>
<marquee scrollamount="16">
<font color="ff0000">一个一个一个一个开放与包容的平台</font>
<font color="ff0000">非常抱歉 非常抱歉</font>
</marquee>
</div>
<div>
<marquee scrollamount="5">
<font color="ff0000">No Master____No Master____No Master </font>
</marquee>
</div>
<div>
<marquee scrollamount="30">
<font color="ff0000">No Master____No Master____No Master </font>
</marquee>
</div>
<div>
<marquee scrollamount="45">
<font color="ff0000">非常抱歉 非常抱歉</font>
</marquee>
</div>
</div>
<!-- 页面上的其他内容 -->
<div class="other-element"></div>
</div>
<div class="slider">
<div class="slides">
<img src="./img/server.png" alt="Image 1">
<img src="./img/逆天.png" alt="Image 2" style="display:none;">
<img src="./img/404.png" alt="Image 3" style="display:none;">
</div>
<a class="prev" onclick="changeSlides(-1)">&#10094;</a>
<a class="next" onclick="changeSlides(1)">&#10095;</a>
</div>
</div>
<br>
<br>
<br>
<footer>
<main>
<center>
<div style="background-color: white;"><a href="https://icp.gov.moe/?keyword=20242001" target="_blank">萌ICP備20242001號</a></div>
<div style="background-color: #97a5fc;">
index页面<br>
始于2024 Bad servers所有<br>
Copyright © 2024 Bad servers
</div>
</center>
</main>
</footer>
</body>
</html>
<!--涩图膈应锚点-->
@@ -176,4 +153,9 @@
<img alt="sesegif" src="./img/sesegif.gif" width="350px">
</div>
<!--涩图膈应锚点-->
<!--涩图膈应锚点-->
<!--引入js文件-->
<script src="./js/index.js"></script>
<!--引入css文件-->
<link rel="stylesheet" href="./css/index.css">

21
js/index.js Normal file
View File

@@ -0,0 +1,21 @@
let slideIndex = 1;
showSlides(slideIndex);
function changeSlides(n) {
showSlides(slideIndex += n);
}
function showSlides(n) {
let i;
let slides = document.getElementsByClassName("slides")[0];
let slidesLength = slides.getElementsByTagName("img").length;
if (n > slidesLength) {slideIndex = 1}
if (n < 1) {slideIndex = slidesLength}
for (i = 0; i < slidesLength; i++) {
slides.getElementsByTagName("img")[i].style.display = "none";
}
slides.getElementsByTagName("img")[slideIndex-1].style.display = "block";
}