修改加载效果

2023-03-18 13:52:27 +08:00
parent 964c085c19
commit e8b1d475e6
8 changed files with 98 additions and 28 deletions
--- a/news.html
+++ b/news.html
@@ -31,6 +31,13 @@
    </script>
 </head>
 <body class="mdui-theme-primary-indigo mdui-theme-accent-blue mdui-loaded" id="p-d">
+    <!-- loading start -->
+    <div id="loading">
+        <span>
+            <img src="Static\Gui\img\Moe.png"/>
+        </span>
+    </div>
+    <!-- loading end -->
    <div class="home-bodg"></div>

    <div>
@@ -165,12 +172,17 @@
    <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>
-        // 页面加载完成后执行
-        $(function () {
-            // 初始化 wow.js
-            new WOW().init();
+        $(window).on('load', function (callback)  {
+            $('body').css({overflow: 'hidden'});
+            setTimeout(function () {
+                $('body').css({overflow: 'auto'});
+                $('#loading').fadeOut(1000);
+                new WOW().init();
+                callback && callback();
+                clearTimeout(loadTimer);
+            }, 500);
        });
-</script>
+    </script>
    
 </body>
 </html>