diff --git a/css/index.css b/css/index.css new file mode 100644 index 0000000..eb2a6a5 --- /dev/null +++ b/css/index.css @@ -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 */ + } \ No newline at end of file diff --git a/img/404.png b/img/404.png new file mode 100644 index 0000000..91105e5 Binary files /dev/null and b/img/404.png differ diff --git a/img/Bad servers.png b/img/Bad servers.png new file mode 100644 index 0000000..de74288 Binary files /dev/null and b/img/Bad servers.png differ diff --git a/img/逆天.png b/img/逆天.png new file mode 100644 index 0000000..b557b61 Binary files /dev/null and b/img/逆天.png differ diff --git a/index.html b/index.html index 425e54b..59b4ecc 100644 --- a/index.html +++ b/index.html @@ -4,9 +4,22 @@ 重构暂定 + - +
+
+ +
+

+ Error页面 +

+
+ + +
+ +
@@ -47,119 +60,83 @@

-
- - 一个一个一个一个糟糕的博客客客客 - -
-
- - 一个一个一个一个开放与包容的平台 - 非常抱歉 非常抱歉 - -
-
- - No Master____No Master____No Master - -
-
- - No Master____No Master____No Master - -
-
- - 非常抱歉 非常抱歉 - -
+
- -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+ +
+ + 一个一个一个一个糟糕的博客客客客 + +
+
+ + 一个一个一个一个开放与包容的平台 + 非常抱歉 非常抱歉 + +
+
+ + No Master____No Master____No Master + +
+
+ + No Master____No Master____No Master + +
+
+ + 非常抱歉 非常抱歉 + +
+
+ + +
+ + + +
+ +
+
+ Image 1 + Image 2 + Image 3 +
+ + +
+ + +
+
+
+ + + + + + @@ -176,4 +153,9 @@ sesegif - \ No newline at end of file + + + + + + \ No newline at end of file diff --git a/js/index.js b/js/index.js new file mode 100644 index 0000000..8e018c7 --- /dev/null +++ b/js/index.js @@ -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"; +} \ No newline at end of file