当我尝试刷新我的html 3-4次,预加载器gif将工作,但刷新3-4次后,预加载器显示,但gif卡住了,你可以运行下面的代码,等待一段时间,gif将卡住。请帮帮我。我的预加载程序代码如下:HTML:
<script>/*====================================* Preloader Effect======================================*/ $(window).load(function() { $("#status").fadeOut("slow"); $("#preloader").delay(350).fadeOut("slow"); $('body').delay(350).css({'overflow':'visible'});
if ( ! sessionStorage.getItem( 'doNotShow' ) ) {
sessionStorage.setItem( 'doNotShow', true );
Preloader();
} else {
$ ('.loader, .preloader').hide();
}
});</script>
body {overflow: hidden; }#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #ffffff; z-index: 99999;}#status { position: absolute; left: 50%; top: 50%; background-image: url(https://1.bp.blogspot.com/-QwTnWyZybZo/YApUJPvRhfI/AAAAAAAAAKs/9dvdximdULEwuLureqmvYrJwMBH9LLWugCLcBGAsYHQ/s320/cubeload_81544351%2B%25281%2529.gif); background-repeat: no-repeat; background-position: center; width: 250px; height: 250px; margin: -120px 0 0 -120px; padding: 0;}
<div id='preloader'>
<div id='status'>
</div>
</div>
很抱歉给您带来不便我自己解决了这个问题,问题不在代码中,我没有为我使用的gif提供无限循环。我让它无限循环,问题就解决了。