jquery 加载中效果 gif动画

Question

做一个文件上传功能，gif显示加载中效果
-------------------------------------------------<script type="text/javascript">
    window.load = function(){
        $("#load").fadeOut("slow");
    };
    
    $(function(){
        $("#btnUpload").click(function(){$("#load").css("display","block")});
    });
</script>
<div id="load" style="width: 200px; padding: 5px 0; text-align: center; border: solid 1px #dddddd;
        background-color: #f8f8f8; position: absolute; top: 50%; left: 50%; margin: -50px 0 0 -100px;
        display: none; z-index: 1000;">
        <img src="Images/blue-loading.gif" border="0" alt="loading..." />
</div>
但是页面在加载的过程中（文件上传或其他数据加载），gif动画 不会动，只有完全加载才动，这个是怎么解决的 ？？

Answer 1

页面加载的过程中，页面内的gif动画是不动的

Answer 2

window.onload(function(){}); 与$(function(){});的区别是 前者为页面所有元素（包括图片、动画等）加载完毕后开始执行  后者为页面所有标签（只是标签）加载完毕后开始执行

Answer 3

如何实现加载中 gif动画 效果

Answer 4

如何在本页面中实现 加载中 效果，因为页面加载的时候，标签还没有加载完毕，这样就不能显示 加载中内容了<div id="load" style="width: 200px; padding: 5px 0; text-align: center; border: solid 1px #dddddd;
  background-color: #f8f8f8; position: absolute; top: 50%; left: 50%; margin: -50px 0 0 -100px;
  display: none; z-index: 1000;">
  <img src="Images/blue-loading.gif" border="0" alt="loading..." />
</div>

Answer 5

用文字也太单调了，用gif动画图片 如何实现，大师们。

Answer 6

上传的话，找一个ajaxupload上传，然后beforesend里面显示图片就OK了