Merge pull request #3 from Gotoueijirou/Gotoueijirou-patch-Submenu

Add files via upload
Gotoueijirou · Sep 15, 2024 · 5b4b733 · 5b4b733
2 parents 9ea9558 + d50ea5e
commit 5b4b733
Show file tree

Hide file tree

Showing 6 changed files with 57 additions and 52 deletions.
diff --git a/README.md b/README.md
@@ -1,6 +1,6 @@
-# これは何ですか？
+# 这是什么？
 > 将将！！我们是国开中学国际部（什么b学校）的ACG社团！
-> 
+
 我（後藤栄次郎ごとうえいじろう）是这个社团的一员，也是这个项目的负责人（没错，这个Github项目所有权是我的）
 
 这个网站是我们用于完成我们社团期末成果展示的作品，我们会将我们平时的活动（比如一个讨论会）的记录挂在网站上。
@@ -9,13 +9,6 @@
 
 另外本人不会数据库，所以网站建立初期只能手动发帖（累）欢迎各位大佬的指点。
 
-# 十分感谢以下贡献者！
-感谢他们对main分支的贡献！
-
-<a href="https://github.com/Gotoueijirou/ACG-Societies-WebSite/graphs/contributors">
-  <img src="https://contrib.rocks/image?repo=Gotoueijirou/ACG-Societies-WebSite" />
-</a>
-
 # 心里CD
 - md我自己不想设计图标呀！！！有没有人帮忙设计图标呀！！！
 

diff --git a/README_ja.md b/README_ja.md
@@ -0,0 +1,19 @@
+# ACGサークルです！
+
+# これは何ですか？
+> ジャンジャン！！私たちは国開中学国際部（バカ学校）のACGサークル！
+
+私（後藤栄次郎ごとうえいじろう）はこのサークルの社員で、このプロジェクトの責任者です（そうです，このGithubプロジェクト所有者は私です）
+
+このウェイブサイトは私たちは学期末表示をできることの実績です。私たちはいつもの活動の資料やビデオなど（一度会議）をこちらにアプロードします。
+
+至于网站的前端代码（实际上压根没有后端），因为我个人觉得我做的还是很好看的（高傲），所以选择在Github开源，大家有什么好的网站设计，欢迎提交PR。我晚上尽量审核。
+
+另外本人不会数据库，所以网站建立初期只能手动发帖（累）欢迎各位大佬的指点。
+
+# 内心CD
+- おれはアイコンをデザインしたくないな　あほ！！！俺にヘルプする人いるの！！！（疲れ）
+
+- 昔のスタジオのウェイブサイトを取って使うバカいる！！！
+
+- 性交したい*
diff --git a/css/index-right.css b/css/index-right.css
@@ -3,51 +3,53 @@
 
 能力有限，做的不好qwq
 */
-#right1{
+#right div{
     width: 90%;
 
     padding: 10px 10px;
     margin: 10px 10px;
-    /*以下为动画部分*/
+
+
     position: relative;
     opacity: 0;
+    display: inline-block; /* 菜单项横向排列 */
+}
+
+#right1{
     animation: r1 1s forwards;
     animation-delay: 1.5s;
 }
 #right2{
-    width: 90%;
-
-    padding: 10px 10px;
-    margin: 10px 10px;
-    /*以下为动画部分*/
-    position: relative;
-    opacity: 0;
     animation: r2 1s forwards;
     animation-delay: 1.7s;
 }
 #right3{
-    width: 90%;
-
-    padding: 10px 10px;
-    margin: 10px 10px;
-    /*以下为动画部分*/
-    position: relative;
-    opacity: 0;
     animation: r3 1s forwards;
     animation-delay: 1.9s;
 }
 #right4{
-    width: 90%;
-
-    padding: 10px 10px;
-    margin: 10px 10px;
-    /*以下为动画部分*/
-    position: relative;
-    opacity: 0;
     animation: r4 1s forwards;
     animation-delay: 2.1s;
 }
 
+
+
+
+/* 子菜单的初始样式，默认隐藏 */
+#Submenu{
+    top: 100%; /* 子菜单在主菜单项的下方 */
+    left: 0; /* 子菜单与主菜单左对齐 */
+    max-height: 0; /* 子菜单初始高度为 0，即隐藏 */
+    overflow: hidden; /* 隐藏超出部分 */
+    transition: max-height 0.8s ease; /* 添加滑动动画 */
+}
+/* 鼠标悬停在主菜单项时，子菜单显示并展开 */
+#right div:hover #Submenu {
+    max-height: 300px; /* 根据实际内容设置合适的最大高度 */
+}
+
+
+
 @keyframes r1 {
     0%{
         opacity: 0;

diff --git a/css/main.css b/css/main.css
@@ -14,6 +14,8 @@ main.css
 要求：可选样式使用id，不能使用class，部分可选样式已经使用了class，复制一份使用id的，
 以保证原先的代码正常运行但是规则要求必须使用id，class用在基础格式上。
 */
+
+
 body{
     font-family: "Microsoft YaHei", "微软雅黑", sans-serif;
     background-color: #cce7ff;
@@ -131,15 +133,13 @@ body{
 
 /*毛玻璃div*/
 .DivStyle-Glass{
-    background: rgba(255, 255, 255, 0.1); /* 设置背景颜色和透明度 */
-    backdrop-filter: blur(10px); /*毛玻璃效果*/
-    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25);
+    backdrop-filter: blur(5px); /*毛玻璃效果*/
+    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5);
     border-radius: 30px;
 }
 #DivStyle-Glass{
-    background: rgba(255, 255, 255, 0.1); /* 设置背景颜色和透明度 */
-    backdrop-filter: blur(10px); /*毛玻璃效果*/
-    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.25);
+    backdrop-filter: blur(5px); /*毛玻璃效果*/
+    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5);
     border-radius: 30px;
 }
 

diff --git a/index.html b/index.html
@@ -15,7 +15,7 @@
         </style>
     </head>
     <!--copy文字内容-->
-    <a style="opacity: 0; z-index: -1; left: 0; width: 1px;" id="textToCopy">https://github.com/Gotoueijirou/ACG-Societies-WebSite.git</a>
+    <a style="opacity: 0; max-width: 0; max-height: 0;" id="textToCopy">https://github.com/Gotoueijirou/ACG-Societies-WebSite.git</a>
     <!--背景图片-->
     <img class="background-image" src="background/bg1.png" alt="Background Image">
 
@@ -42,7 +42,7 @@
 
                 <div class="DivStyle-Glass" id="right1"><!--About Us-->
                     <p>社团介绍</p>
-                    <p>
+                    <p id="Submenu">
                         （社长滚过来填词）
                         <!--修改为下拉栏-->
                     </p>
@@ -51,15 +51,15 @@
 
                 <div class="DivStyle-Glass" id="right2"><!--社团理念-->
                     <p>社团理念</p>
-                    <p>
+                    <p id="Submenu">
                         （社长滚过来填词）
                         <!--修改为下拉栏-->
                     </p>
                 </div>
 
 
                 <div class="DivStyle-Glass" id="right3"><!--关注我们    计划delete？-->
-                    <p><a class="LinkText1" href="#">关注我们</a></p>
+                    <p>关注我们</p>
                     <p>
                         <a class="button1" href="https://bilibili.com">Bilibili</a>
                         <a class="button" href="https://youtube.com">YouTube</a>
@@ -76,11 +76,8 @@
                         <a class="button" href="https://space.bilibili.com/1140685131">制作者首页-bilibili</a>
 
 
-                        <div class="message" id="message">复制成功</div>
                     </p>
                 </div>
-
-
             </div>
         </div>
 

diff --git a/js/cptext.js b/js/cptext.js
@@ -15,11 +15,5 @@ function copyText() {
     document.body.removeChild(tempTextArea);
 
     // 显示复制成功消息
-    const message = document.getElementById('message');
-    message.style.display = 'block';
-
-    // 设置 2 秒后隐藏提示
-    setTimeout(() => {
-        message.style.display = 'none';
-    }, 2000);
+    alert("复制成功！");
 }