mirror of
https://github.com/SkimrMe/error.badservers
synced 2026-01-29 19:15:21 +00:00
Add files via upload
This commit is contained in:
SkimrMe
GitHub
60
css/index.css
Normal file
60
css/index.css
Normal 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
BIN
img/404.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 87 KiB |
BIN
img/Bad servers.png
Normal file
BIN
img/Bad servers.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 960 B |
BIN
img/逆天.png
Normal file
BIN
img/逆天.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 77 KiB |
204
index.html
204
index.html
@@ -4,9 +4,22 @@
|
|||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>重构暂定</title>
|
<title>重构暂定</title>
|
||||||
|
<link rel="icon" type="images/x-icon" href="./img/Bad servers.png">
|
||||||
</head>
|
</head>
|
||||||
<table>
|
<main>
|
||||||
|
<center>
|
||||||
|
|
||||||
|
<div style="background-color: #97a5fc;">
|
||||||
|
<h2>
|
||||||
|
Error页面
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</center>
|
||||||
|
|
||||||
|
<table>
|
||||||
<tr>
|
<tr>
|
||||||
|
|
||||||
<center>
|
<center>
|
||||||
@@ -47,119 +60,83 @@
|
|||||||
|
|
||||||
<tr style="background-color:#ffffff;width:100%;height: 100%;vertical-align:top;">
|
<tr style="background-color:#ffffff;width:100%;height: 100%;vertical-align:top;">
|
||||||
<br>
|
<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>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
</body>
|
<div>
|
||||||
<br>
|
<div class="outer-div">
|
||||||
<br>
|
|
||||||
<br>
|
<div>
|
||||||
<br>
|
<marquee scrollamount="10">
|
||||||
<br>
|
<font color="ff0000">一个一个一个一个糟糕的博客客客客</font>
|
||||||
<br>
|
</marquee>
|
||||||
<br>
|
</div>
|
||||||
<br>
|
<div>
|
||||||
<br>
|
<marquee scrollamount="16">
|
||||||
<br>
|
<font color="ff0000">一个一个一个一个开放与包容的平台</font>
|
||||||
<br>
|
<font color="ff0000">非常抱歉 非常抱歉</font>
|
||||||
<br>
|
</marquee>
|
||||||
<br>
|
</div>
|
||||||
<br>
|
<div>
|
||||||
<br>
|
<marquee scrollamount="5">
|
||||||
<br>
|
<font color="ff0000">No Master____No Master____No Master </font>
|
||||||
<br>
|
</marquee>
|
||||||
<br>
|
</div>
|
||||||
<br>
|
<div>
|
||||||
<br>
|
<marquee scrollamount="30">
|
||||||
<br>
|
<font color="ff0000">No Master____No Master____No Master </font>
|
||||||
<br>
|
</marquee>
|
||||||
<br>
|
</div>
|
||||||
<br>
|
<div>
|
||||||
<br>
|
<marquee scrollamount="45">
|
||||||
<br>
|
<font color="ff0000">非常抱歉 非常抱歉</font>
|
||||||
<br>
|
</marquee>
|
||||||
<br>
|
</div>
|
||||||
<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="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)">❮</a>
|
||||||
|
<a class="next" onclick="changeSlides(1)">❯</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>
|
</html>
|
||||||
|
|
||||||
<!--涩图膈应锚点-->
|
<!--涩图膈应锚点-->
|
||||||
@@ -176,4 +153,9 @@
|
|||||||
<img alt="sesegif" src="./img/sesegif.gif" width="350px">
|
<img alt="sesegif" src="./img/sesegif.gif" width="350px">
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<!--涩图膈应锚点-->
|
<!--涩图膈应锚点-->
|
||||||
|
|
||||||
|
<!--引入js文件-->
|
||||||
|
<script src="./js/index.js"></script>
|
||||||
|
<!--引入css文件-->
|
||||||
|
<link rel="stylesheet" href="./css/index.css">
|
||||||
21
js/index.js
Normal file
21
js/index.js
Normal 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";
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user