页面加载动画

我想在我的页面加载时显示加载动画，当加载完成后，显然会隐藏它。

我使用Masterpages在ASP.NET中工作，只是想知道使用JQuery有一个简单的方法吗？

任何指针将不胜感激。

谢谢

Answer 1

只需在页面上放置带有动画gif的图像即可。 给它一个loadImage的id并添加以下脚本：

$(document).ready(function(){ $('#loadingImage').hide(); }); 

顺便说一句，您的页面需要多长时间才能加载？ 是否使用AJAX调用来加载数据？ 也许您应该研究一下这个问题，并在回调处理程序中调用图像上的hide（）函数。

Answer 2

考虑使用UpdateProgress控件

Answer 3

当上面的两个答案都是正确的时候，我可以在我的场景中完成我所需要的。

但是我在SO上发现了以下post，它为我提供了我所追求的解决方案。

Colorbox：显示/模拟iframe内容的“加载”动画？

谢谢大家的意见。

Answer 4

我在我的母版页上以这种方式制作了一个动画：

然后我以这种方式使用jQuery

我希望这将有所帮助。