From 8026f7a79b94bfaae8f2af3d95423cce8591de79 Mon Sep 17 00:00:00 2001
From: hanasaki-misaki <mirai@lolicon.team>
Date: Sat, 18 Mar 2023 10:57:38 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9script?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Static/Gui/js/new_Rss.js      |  8 ++---
 Static/mdui-v1.0.1/css/ui.css |  4 +++
 news.html                     | 27 ++++++----------
 staff.html                    | 58 +++++++++++++----------------------
 4 files changed, 40 insertions(+), 57 deletions(-)

diff --git a/Static/Gui/js/new_Rss.js b/Static/Gui/js/new_Rss.js
index 877ff38..6b200fb 100644
--- a/Static/Gui/js/new_Rss.js
+++ b/Static/Gui/js/new_Rss.js
@@ -20,7 +20,7 @@ function getRSS(url) {
           //在news.html页面上的ul元素中添加内容
             document.querySelector("ul").innerHTML += `
             <a href="${link}" target="_blank">
-            <li class="mdui-list-item mdui-ripple mdui-shadow-12 wow animate__animated animate__fadeInRight" style="backdrop-filter: blur(8px);overflow-x:hidden">
+            <li class="idc dnone mdui-list-item mdui-ripple mdui-shadow-12" style="backdrop-filter: blur(8px);overflow-x:hidden">
                 <div class="mdui-list-item-title">${title}</div>
                             <div class="mdui-list-item-text mdui-list-item-one-line">
                                 <span>${datetime}</span>
@@ -28,10 +28,10 @@ function getRSS(url) {
                 </a>
             </li>
             `;
-          //若是没有更多的item元素，则在页面添加没有内容”
+          //若是没有的item元素，则在页面li添加没有内容”
           if (items.length === 0) {
             document.querySelector("ul").innerHTML += `
-            <li class="mdui-list-item mdui-ripple mdui-shadow-12 wow animate__animated animate__fadeInRight" style="backdrop-filter: blur(8px);overflow-x:hidden">
+            <li class="idc dnone mdui-list-item mdui-ripple mdui-shadow-12" style="backdrop-filter: blur(8px);overflow-x:hidden">
                 <div class="mdui-list-item-title">没有内容</div>
             </li>
             `;
@@ -41,4 +41,4 @@ function getRSS(url) {
   }
   
   //调用函数，传入rss文件的url（这里是一个示例）
-  getRSS("http://www.mikumo.top/?feed=rss2");
\ No newline at end of file
+  getRSS("http://www.mikumo.top/?feed=rss2");
diff --git a/Static/mdui-v1.0.1/css/ui.css b/Static/mdui-v1.0.1/css/ui.css
index 23172f2..fb95326 100644
--- a/Static/mdui-v1.0.1/css/ui.css
+++ b/Static/mdui-v1.0.1/css/ui.css
@@ -352,4 +352,8 @@ body {
 }
 .slow-two h2{
     padding: 35px 0px 35px 0px;
+}
+
+.dnone{
+    display: none;
 }
\ No newline at end of file
diff --git a/news.html b/news.html
index 01cd6fc..0cc1480 100644
--- a/news.html
+++ b/news.html
@@ -11,7 +11,9 @@
     <link rel="stylesheet" href="Static\mdui-v1.0.1\css\animate.min.css">
     <link rel="stylesheet" href="Static\bootstrap-4.6.2-dist\css\bootstrap.min.css">
     <style>
-
+        body{
+            overflow:hidden;
+        }
     </style>
     <script>
         /* Navigation bar script, hide when scrolling down, show when scrolling up */
@@ -163,22 +165,13 @@
     <script src="Static\mdui-v1.0.1\js\wow.min.js" type="text/javascript"></script>
     <script src="Static\bootstrap-4.6.2-dist\js\bootstrap.min.js" type="text/javascript"></script>
     <script>
-        // 未加载完成网页资源前需要阻止所有动画效果网页资源加载完成后隐藏div id类为loadprogress的元素
-        $(window).on('load', function (callback)  {
-            $('body').css({overflow: 'hidden'});
-            $('body').removeClass('wow-animate__animated');
-            setTimeout(function () {
-                $('body').css({overflow: 'auto'});
-                $('#loadprogress').hide();
-                new_Rss();
-                new WOW().init();
-                callback && callback();
-                clearTimeout(loadTimer);
-            }, 2000);
-        });
-        // 加载完成后再运行new_Rss.js
-
-
+        new WOW().init();
+        setTimeout(function () {
+            $("body").css("overflow", "auto");
+            $('#loadprogress').hide();
+            $('.idc').removeClass('dnone');
+            $('.idc').addClass('wow animate__animated animate__fadeInRight');
+        }, 3000);
     </script>
     
 </body>
diff --git a/staff.html b/staff.html
index e097d5b..41e0a9d 100644
--- a/staff.html
+++ b/staff.html
@@ -11,22 +11,10 @@
     <link rel="stylesheet" href="Static\mdui-v1.0.1\css\animate.min.css">
     <link rel="stylesheet" href="Static\bootstrap-4.6.2-dist\css\bootstrap.min.css">
     <style>
-
-    </style>
-    <script>
-        // Home navigation bar scrolling hidden
-        window.onscroll = function () {
-            var t = document.documentElement.scrollTop || document.body.scrollTop;
-            if (t > 0) {
-                document.getElementById("p-d").style.paddingTop = "0px";
-                document.getElementById("p-d").style.paddingBottom = "0px";
-            } else {
-                document.getElementById("p-d").style.paddingTop = "64px";
-                document.getElementById("p-d").style.paddingBottom = "64px";
-            }
+        body{
+            overflow:hidden;
         }
-
-    </script>
+    </style>
 </head>
 <body class="mdui-theme-primary-indigo mdui-theme-accent-blue mdui-loaded" id="p-d">
     <div class="home-bodg"></div>
@@ -105,27 +93,27 @@
     <div class="mdui-hidden-xs-down zhe " style="height:100vh">
         <div class="mdui-container">
             <ul class="mdui-list">
-                <div class="mdui-chip wow animate__animated animate__fadeInRight " data-wow-delay="200ms">
+                <div class="dnone idc mdui-chip " data-wow-delay="200ms">
                   <img class="mdui-chip-icon" src="https://avatars.githubusercontent.com/u/125862745?v=4"/>
                   <span class="mdui-chip-title">Akatsuki-Misaki</span>
                 </div>
-                <div class="mdui-chip wow animate__animated animate__fadeInRight " data-wow-delay="300ms">
+                <div class="dnone idc mdui-chip " data-wow-delay="300ms">
                   <img class="mdui-chip-icon" src="https://q1.qlogo.cn/g?b=qq&nk=3280751036&s=100"/>
                   <span class="mdui-chip-title">Cheng</span>
                 </div>
-                <div class="mdui-chip wow animate__animated animate__fadeInRight " data-wow-delay="400ms">
+                <div class="dnone idc mdui-chip " data-wow-delay="400ms">
                   <img class="mdui-chip-icon" src="https://q1.qlogo.cn/g?b=qq&nk=2327680068&s=100"/>
                   <span class="mdui-chip-title">yuanzhi</span>
                 </div>
-                <div class="mdui-chip wow animate__animated animate__fadeInRight " data-wow-delay="500ms">
+                <div class="dnone idc mdui-chip" data-wow-delay="500ms">
                   <img class="mdui-chip-icon" src="https://q1.qlogo.cn/g?b=qq&nk=3052013768&s=100"/>
                   <span class="mdui-chip-title">CcranesQ</span>
                 </div>
-                <div class="mdui-chip wow animate__animated animate__fadeInRight " data-wow-delay="600ms">
+                <div class="dnone idc mdui-chip" data-wow-delay="600ms">
                   <img class="mdui-chip-icon" src="https://q1.qlogo.cn/g?b=qq&nk=2274889340&s=100"/>
                   <span class="mdui-chip-title">xing_cheng</span>
                 </div>
-                <div class="mdui-chip wow animate__animated animate__fadeInRight " data-wow-delay="700ms">
+                <div class="dnone idc mdui-chip" data-wow-delay="700ms">
                   <img class="mdui-chip-icon" src="https://q1.qlogo.cn/g?b=qq&nk=1345708097&s=100"/>
                   <span class="mdui-chip-title">yun_luo</span>
                 </div>
@@ -137,27 +125,27 @@
         <div style="width: 90%;height:100vh" class="mdui-center">
             <div class="mdui-container">
                 <div style="margin-left:-(width/2)">
-                    <div class="idc mdui-chip " data-wow-delay="200ms">
-                        <img class="idc mdui-chip-icon" src="https://avatars.githubusercontent.com/u/125862745?v=4"/>
+                    <div class="dnone idc mdui-chip " data-wow-delay="200ms">
+                        <img class="dnone idc mdui-chip-icon" src="https://avatars.githubusercontent.com/u/125862745?v=4"/>
                         <span class="mdui-chip-title">Akatsuki-Misaki</span>
                       </div>
-                      <div class="idc mdui-chip " data-wow-delay="300ms">
+                      <div class="dnone idc mdui-chip " data-wow-delay="300ms">
                         <img class="mdui-chip-icon" src="https://q1.qlogo.cn/g?b=qq&nk=3280751036&s=100"/>
                         <span class="mdui-chip-title">Cheng</span>
                       </div>
-                      <div class="idc mdui-chip " data-wow-delay="400ms">
+                      <div class="dnone idc mdui-chip " data-wow-delay="400ms">
                         <img class="mdui-chip-icon" src="https://q1.qlogo.cn/g?b=qq&nk=2327680068&s=100"/>
                         <span class="mdui-chip-title">yuanzhi</span>
                       </div>
-                      <div class="idc mdui-chip " data-wow-delay="500ms">
+                      <div class="dnone idc mdui-chip " data-wow-delay="500ms">
                         <img class="mdui-chip-icon" src="https://q1.qlogo.cn/g?b=qq&nk=3052013768&s=100"/>
                         <span class="mdui-chip-title">CcranesQ</span>
                       </div>
-                      <div class="idc mdui-chip " data-wow-delay="600ms">
+                      <div class="dnone idc mdui-chip " data-wow-delay="600ms">
                         <img class="mdui-chip-icon" src="https://q1.qlogo.cn/g?b=qq&nk=2274889340&s=100"/>
                         <span class="mdui-chip-title">xing_cheng</span>
                       </div>
-                      <div class="idc mdui-chip" data-wow-delay="700ms">
+                      <div class="dnone idc mdui-chip" data-wow-delay="700ms">
                         <img class="mdui-chip-icon" src="https://q1.qlogo.cn/g?b=qq&nk=1345708097&s=100"/>
                         <span class="mdui-chip-title">yun_luo</span>
                       </div>
@@ -192,14 +180,12 @@
     <script src="Static\mdui-v1.0.1\js\wow.min.js" type="text/javascript"></script>
     <script src="Static\bootstrap-4.6.2-dist\js\bootstrap.min.js" type="text/javascript"></script>
     <script>
-        $(window).on('load', function {
-            $('body').css({overflow: 'hidden'});
-            setTimeout(function () {
-                $('body').css({overflow: 'auto'});
-                $('#loadprogress').hide();
-                new WOW().init();
-                $('.idc').addClass('wow animate__animated animate__fadeInRight');
-            });
+        // 网页完成前阻止滚动条网页加载完成后恢复滚动条
+        $(document).ready(function () {
+            $("body").css("overflow", "auto");
+            $('.idc').removeClass('dnone');
+            $('.idc').addClass('wow animate__animated animate__fadeInRight');
+            new WOW().init();
         });
     </script>
 </body>