gpt4 book ai didi

javascript - 永不停止 gif 预加载器

转载 作者:太空宇宙 更新时间:2023-11-04 10:16:38 25 4
gpt4 key购买 nike

我正在做一个单页网站,由于大量的图像和动画,它变得非常庞大,所以我决定添加一个预加载器。

我发现的最简单的事情是添加一个 GIF 预加载器。 gif 在开始时显示正常,但根本没有停止并一直持续下去。

这是 HTML:

<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">

<div class="loader"></div>

CSS:

.loader {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background: url('../img/716.gif') 50% 50% no-repeat rgb(249,249,249);
}

在 index.html 的标签上方是这样的:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<script type="text/javascript">
$(window).load(function() {
$(".loader").fadeOut("slow");
})
</script>
</head>

有什么想法吗?

最佳答案

页面可能未完全加载。也许在您的页面某处出现 404?

关于javascript - 永不停止 gif 预加载器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37198798/

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