显示loading spinner/overlay BEFORE页面元素出现

我想在加载任何页面元素之前显示加载微调器，然后在加载覆盖层仍然打开时加载页面元素。这可能吗？我正在使用这段代码，但是页面在调整器出现之前仍然会加载元素。显示loading spinner/overlay BEFORE页面元素出现

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

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

来源

2015-03-08 barnacle.m

$（document）.ready在加载所有dom元素后触发，因此它不适用于您的情况。 – WorldFS 2015-03-08 17:44:46

因此，问题... – 2015-03-08 18:15:25

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图片后的样子。谷歌已满:)

来源

2015-03-08 17:31:47 GasKa

显示loading spinner/overlay BEFORE页面元素出现

回答

相关问题