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

时间:2013-02-16 13:40:19

标签: jquery html css

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

以下是相关问题。

Display an animation while loading a page using JQuery

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>

1 个答案:

答案 0 :(得分:1)

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

修改 这是一个可能会给你一些方向的小小问题。

jsfiddle.net/gBspY /