Javascript html之前的jquery加载屏幕_Javascript_Jquery_Html_Css

Javascript html之前的jquery加载屏幕

javascript jquery html css

Javascript html之前的jquery加载屏幕,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正试图将其实现到一个html页面中。这个想法是，页面上的所有内容加载后，它就会消失。这就是我现在拥有的 HTML 因此，它似乎工作良好，除了我似乎无法找出紫色的背景。旋转器工作得很好，但如果我放置背景：774CFF；在.js divpreload中，它不会以紫色覆盖整个页面，仅在微调器中。可以在预加载程序上指定背景色，预加载程序的宽度和高度为30px。因此，要么将背景色应用于主体您可以使用另一个元素包裹预加载程序，并将其拉伸以适合屏幕： HTML .js div应该在body中移动。在.r

我正试图将其实现到一个html页面中。这个想法是，页面上的所有内容加载后，它就会消失。这就是我现在拥有的

HTML

因此，它似乎工作良好，除了我似乎无法找出紫色的背景。旋转器工作得很好，但如果我放置背景：774CFF；在.js divpreload中，它不会以紫色覆盖整个页面，仅在微调器中。

可以在预加载程序上指定背景色，预加载程序的宽度和高度为30px。因此，要么将背景色应用于主体

您可以使用另一个元素包裹预加载程序，并将其拉伸以适合屏幕：

HTML

.js div应该在body中移动。在.ready callback中不需要$window.load。问题中的HTML无效。它工作正常。我只需要编辑以使其成为紫色全屏，

<div class="js">
<body>
<div id="preloader"></div>
<!-- WEBSITE -->
</body>
</div>
</html>

jQuery(document).ready(function($) {


  $(window).load(function() {
    $('#preloader').fadeOut('slow', function() {
      $(this).remove();
    });
  });

});

body{
  background-color:#774CFF;
}

<div id="preloader-wrapper">
  <div id="preloader">
  </div>
</div>

#preloader-wrapper{
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  background-color:#774CFF;
}