如何在页面加载之前运行加载动画答案

【问题标题】：How do I run a loading animation before page load如何在页面加载之前运行加载动画
【发布时间】：2016-03-10 21:33:16
【问题描述】：

就像这个一样 - http://www.solasie.com/en/。此外，我希望动画每次都加载，而不是第一次加载。

How to load animated gif before Flash load

编辑 1

我尝试使用以下代码。它显示一个错误。

<html >
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<title>Page Title</title>
</head>
<body>
<div id="loading">
<img src="counting30ll6.gif" > 
</div>
<script type="text/javascript">
  $(window).load(function(){
  $('#loading').delay(10000).queue(function(){ $(this).hide();$(this).dequeue(); });
</script>
</body>
</html>

【问题讨论】：

请添加您已经尝试使用的代码，以便有人可以改进它。
我只是一个初学者。我不知道如何为这种效果编码。我想学。

标签： jquery html css

【解决方案1】：

实际上，这个动画是在页面加载后运行的。将所有动画代码包装到一个函数中，然后将其绑定到 onLoad 事件。这会给人留下你想要的印象。

编辑这是一个小 jsfiddle，可能会给你一些方向。

jsfiddle.net/gBspY/

【讨论】：