Css 如何将预加载程序加载gif添加到我的网站

Css 如何将预加载程序加载gif添加到我的网站,css,html,bootstrap-4,preloader,Css,Html,Bootstrap 4,Preloader,我喜欢在我的网站加载之前添加加载gif的预加载程序,最多5秒。我试过很多方法,但都不管用。你们能帮我一下吗?参考文献:。我想要这样的东西。提前谢谢。试试这个 $(window).on('load',function(){//确保加载整个站点 $(“#status”).fadeOut();//将首先淡出加载动画 $('#preload').delay(350).fadeOut('slow');//将淡出覆盖网站的白色DIV。 $('body').delay(350).css({'overflow

我喜欢在我的网站加载之前添加加载gif的预加载程序,最多5秒。我试过很多方法,但都不管用。你们能帮我一下吗?参考文献:。我想要这样的东西。提前谢谢。

试试这个

$(window).on('load',function(){//确保加载整个站点
$(“#status”).fadeOut();//将首先淡出加载动画
$('#preload').delay(350).fadeOut('slow');//将淡出覆盖网站的白色DIV。
$('body').delay(350).css({'overflow':'visible'});
})
正文{
溢出:隐藏;
}
/*预紧器*/
#预紧器{
位置:固定;
排名:0;
左:0;
右:0;
底部:0;
背景色:#fff;
/*如果遮罩应该有另一种颜色,则更改为白色*/
z指数:99;
/*确保它保持在顶部*/
}
#地位{
宽度:200px;
高度:200px;
位置:绝对位置;
左:50%;
/*将加载动画水平居中一个屏幕*/
最高:50%;
/*将加载动画垂直居中一个屏幕*/
背景图片:url(https://raw.githubusercontent.com/niklausgerber/PreLoadMe/master/img/status.gif);
/*加载动画的路径*/
背景重复:无重复;
背景位置:中心;
裕度:-100px 0-100px;
/*宽度和高度除以二吗*/
}


你能做的是在后台制作网站,当动画完成时(例如5秒),隐藏徽标并显示网站。它先显示网站,然后加载程序来,然后加载网站。我希望任何人访问我的网页首先看到网页加载器,然后他们将网页