网站加载时淡出

时间:2015-06-08 00:44:44

标签: html css twitter-bootstrap

我希望我的网站在您访问网站时淡出,我已将此脚本添加到头部:

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

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

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

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

1 个答案:

答案 0 :(得分:1)

改为使用ready事件:

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

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