在頁面元素出現之前顯示加載微調器/疊加層

Question

我想在任何頁面元素加載之前顯示一個加載微調器，然后在加載疊加層仍處於打開狀態時加載頁面元素。 這可能嗎？ 我正在使用此代碼，但是在微調器顯示之前，頁面仍會加載元素。

$(document).ready(function () {
            setTimeout(function () {
                $.loader.close();

                // Do something after 5 seconds
            }, 3000);
        });

Answer 1

 Add the below div right below the opening <body> tag.

 <div class="loader"></div>

 Add some .css

 .loader {
 position: fixed;
 left: 0px;
 top: 0px;
 width: 100%;
 height: 100%;
 z-index: 9999;
 background: url('images/page-loader.gif') 50% 50% no-repeat rgb(249,249,249);
  }

 And jquery in header

 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
 <script type="text/javascript">
 $(window).load(function() {
 $(".loader").fadeOut("slow");
 })
</script>

最后，照顧一個加載的gif圖像。 Google已滿：)

在頁面元素出現之前顯示加載微調器/疊加層

問題描述

1 個解決方案

解決方案1
1 2015-03-08 17:31:47

在頁面元素出現之前顯示加載微調器/疊加層

問題描述

1 個解決方案

解決方案1 1 2015-03-08 17:31:47

解決方案1
1 2015-03-08 17:31:47