Question

我有一个 gif，我想将其设置为网站预加载器。但是当我这样做时，即使在页面加载后，预加载器也不会消失。我尝试了各种 java 脚本，但没有一个被证明是有用的。

$(window).on("load", function() {
  $(".loading").fadeOut("slow");
});

.loading {
  background: #f4ded3 url('https://i.pinimg.com/originals/db/e6/b9/dbe6b90d0fd0d209001cb64eefd038d7.gif') no-repeat center center;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-size: contain;
  z-index: 9999999;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="loading"></div>
<div class="content">Test</div>

Answer 1

或者你可以这样做

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

.loading {
  background: #f4ded3 url('https://i.pinimg.com/originals/db/e6/b9/dbe6b90d0fd0d209001cb64eefd038d7.gif') no-repeat center center;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-size: contain;
  z-index: 9999999;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="loading"></div>
<div class="content">Test</div>

页面加载时淡入淡出预加载器

1 个答案: