在整页加载之前显示加载器

时间:2017-07-06 11:19:31

标签: jquery

代码很简单,但页面会随着加载程序一起加载。

dbo.tab1

2 个答案:

答案 0 :(得分:0)

<body>
  <header>
    <div class="loader"><img src="img/loader.gif"></div>
    <script>
      $(".loader").fadeOut("slow");
    </script>
  </header>
</body>

应该让它在渲染后立即显示,然后慢慢淡出。此<header>部分以及该脚本应该是<body>中的第一项。

答案 1 :(得分:0)

喜欢使用下面的document.ready

&#13;
&#13;
$(document).ready(function() {
$(".loader").delay(2000).fadeOut("slow");
})
&#13;
 <script  src="https://code.jquery.com/jquery-3.2.1.min.js"
  integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
  crossorigin="anonymous"></script>
 <header><div class="loader"><img src="img/loader.gif" alt="loading............."/></div> </header>
&#13;
&#13;
&#13;