gpt4 book ai didi

javascript - 我的预加载器没有褪色,并且一直在无限循环中滚动

转载 作者:行者123 更新时间:2023-11-28 03:31:22 25 4
gpt4 key购买 nike

我现在正在构建一个网站,我使用预加载器来淡入淡出并显示内容,但它似乎工作得不太好,它没有淡入淡出,只是在无限循环中不断滚动,我怎样才能实现淡入淡出?我的 jquery 版本是 3.2.1这是我使用的代码 -

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

});
#preloader {
position: fixed;
left: 0;
top: 0;
z-index: 999999;
width: 100%;
height: 100%;
overflow: visible;
background: #333 url('http://files.mimoymima.com/images/loading.gif') no-repeat center center;
}
<body>
<div id="preloader"></div>
<p>
This is the page
</p>
</body>

最佳答案

您的代码没问题。只需添加 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>在你的代码中

jQuery(document).ready(function($) {
$(window).load(function() {
$('#preloader').fadeOut(5000, function() {
$(this).remove();
});
});

});
#preloader {
position: fixed;
left: 0;
top: 0;
z-index: 999999;
width: 100%;
height: 100%;
overflow: visible;
background: #333 url('http://files.mimoymima.com/images/loading.gif') no-repeat center center;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body>
<div id="preloader"></div>
<p>
This is the page
</p>
</body>

关于javascript - 我的预加载器没有褪色,并且一直在无限循环中滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44719341/

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