Jquery HTML加载动画
我有一个网站，失去了布局方案，而网页没有加载 我想做的是让一个动画链接到加载进度，就像一个进度条，但没有进度条 例如，一个简单的动画，将进度链接到徽标的不透明度。因此，当页面加载50%时，徽标的不透明度为50%；当徽标为100%时，页面已加载，加载进度将Jquery HTML加载动画,jquery,html,loading,opacity,progress,Jquery,Html,Loading,Opacity,Progress,我有一个网站，失去了布局方案，而网页没有加载 我想做的是让一个动画链接到加载进度，就像一个进度条，但没有进度条 例如，一个简单的动画，将进度链接到徽标的不透明度。因此，当页面加载50%时，徽标的不透明度为50%；当徽标为100%时，页面已加载，加载进度将.fadeOut（） 我知道我可以使用$（window.load（）隐藏动画。我不知道如何将动画的进度和不透明度联系起来 有没有“简单”的方法来实现这一点 我已经搜索了jQuery插件，但我只找到了进度条加载。您可以使用一些基本功能轻松实现这一点
.fadeOut（）$（window.load（）我已经搜索了
jQuery插件，但我只找到了进度条加载。您可以使用一些基本功能轻松实现这一点，然后编写一个函数“更新”您分配给页面CSS的值，该值将在页面未加载/加载条不完全不透明时继续运行
这可以通过JQuery或JavaScript轻松实现
要实际获取有关加载DOM的信息，可以使用。
进度事件文档中给出的示例如下：
<!DOCTYPE html>
<title>Waiting for Magical Unicorns</title>
<progress id="p"></progress>
<script>
var progressBar = document.getElementById("p"),
client = new XMLHttpRequest();
client.open("GET", "magical-unicorns");
client.onprogress = function(pe) {
if(pe.lengthComputable) {
progressBar.max = pe.total;
progressBar.value = pe.loaded;
}
}
client.onloadend = function(pe) {
progressBar.value = pe.loaded;
}
client.send();
</script>
等待神奇的独角兽
var progressBar=document.getElementById（“p”），
client=newXMLHttpRequest（）；
客户端打开（“获取”、“神奇独角兽”）；
client.onprogress=函数（pe）{
if（pe.长度可计算）{
progressBar.max=pe.total；
progressBar.value=pe.loaded；
}
}
client.onloadend=函数（pe）{
progressBar.value=pe.loaded；
}
client.send（）；
因此，在本例中，您正在加载“神奇独角兽”，并将当前加载的百分比分配给paragraph
。
要更改此选项以修改CSS，我将使用JavaScript更改不透明度，例如document.getElementById（“myLoadBar”）.style.opacity=“0.5”现在全部更新，这是否完全回答了您的问题？谢谢！）我将尝试设置并运行此程序；D