HTML加载动画
我有一个网站在页面未加载时丢失布局方案。
我想做的是将动画链接到加载进度，如进度条但没有条形图。
例如，一个简单的动画，可以将进度链接到徽标的不透明度。 因此，当页面加载50％时，徽标的不透明度为50％; 当徽标为100％时，页面被加载，加载进度为.fadeOut() 。
我知道我可以使用$(window).load()来隐藏动画
。 我不知道如何关联动画的进度和不透明度。
是否有一种“简单”的方法来实现这一目标？
我搜索了jQuery plugins ，但我只找到了进度条加载。
您可以使用一些基本的CSS轻松实现这一点，然后编写一个函数来“ 更新 ”您分配给页面的CSS的值，当页面未加载/加载栏不完全不透明时它将携带在跑步。
这可以通过JQuery或JavaScript轻松实现。
要实际获取有关DOM加载的信息，您可以使用Progress Events 。 Progress Events文档中给出的示例如下：
Waiting for Magical Unicorns
因此，在此示例中，您正在加载“魔法独角兽”，并为子图
指定当前加载的百分比。 要更改此项以修改CSS，我将使用JavaScript来更改不透明度，例如。 document.getElementById("myLoadBar").style.opacity = "0.5";