Question

我尝试删除.fadeOut("slow")，但页面无法加载。

在此预加载器代码上删除页面的淡出效果的正确方法是什么？

<script type="text/javascript">
// makes sure the whole site is loaded
jQuery(window).load(function() {
    // will first fade out the loading animation
    jQuery("#status").fadeOut("slow");
    // will fade out the whole DIV that covers the website.
    jQuery("#preloader").delay(5).fadeOut("slow");
})
</script>
<style>
#preloader  {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fefefe;
    z-index: 99;
    height: 100%;
}
#status  {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100vw;
    height: 100vh;
    background-image: url("images/loader.gif");
    background-repeat: no-repeat;
    background-position: center;
}
</style>
<div id="preloader">Loading... Please Wait.</div>
<div id="status">&nbsp;</div>

Answer 1

将JS代码更改为以下内容应该可以完成工作

jQuery(window).load(function() {
      // will first fade out the loading animation
      jQuery("#status").hide();
      // will fade out the whole DIV that covers the website.
      jQuery("#preloader").hide();
})

但最好只使用div＆＃34; preloader＆＃34;删除id标记。这将删除整个预加载器元素，并且根本不应该显示。

如何删除此预加载器中的淡出效果？

1 个答案: