html - 加载时网站淡出

Question

我想让我的网站在你访问网站的时候淡出，我在头部添加了这个脚本:

  <script src="http://code.jquery.com/jquery-2.1.3.min.js"></script>
  <script type="text/javascript">
      $(window).load(function() {
         $(".loader").fadeOut("slow");
      })
   </script>

然后在我的 body 里加了一个div:

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

但它不起作用，我也找不到原因。

Answer 1

改用ready事件:

$(document).ready(function() {
    $(".loader").fadeOut("slow");
})

fiddle :https://jsfiddle.net/lmgonzalves/s5g94h68/