gpt4 book ai didi

javascript - 预加载器 : how to delete current loader div to show content div

转载 作者:行者123 更新时间:2023-12-03 04:42:22 26 4
gpt4 key购买 nike

我的预加载器有问题。它不会淡出,并显示内容。这是我的 HTML、JS 和 CSS 代码:HTML:

<body>    
<div class="preload" id="preload"></div>
<div class="content hidden" id="content"></div>
<body>

JS:

$(window).load(function() {
$("#preload").delay(700).fadeOut("slow");
$("#content").removeClass("hidden");
});

CSS:

.hidden{
visibility: hidden;
}
.preload{
width : 100%;
height : 100%;
top : 0;
left : 0;
z-index: 1;
bottom : 0;
position : fixed;
background: #ff1a1a;
}
.loader-frame{
margin : auto;
position: relative;
}

提前致谢。

最佳答案

我认为你只需要更改js文件。像:

$(window).on('load', function(){
$('#preload').delay(700).fadeOut('slow', function(){
$("#content").removeClass("hidden");
});

});

关于javascript - 预加载器 : how to delete current loader div to show content div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43030823/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com