jquery 加载中效果 gif动画解决思路

jquery 加载中效果 gif动画
做一个文件上传功能，gif显示加载中效果
-------------------------------------------------

JScript code

<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动画 不会动，只有完全加载才动，这个是怎么解决的 ？？

[解决办法]
window.onload(function(){}); 与$(function(){});的区别是 前者为页面所有元素（包括图片、动画等）加载完毕后开始执行 后者为页面所有标签（只是标签）加载完毕后开始执行
[解决办法]
上传的话，找一个ajaxupload上传，然后beforesend里面显示图片就OK了

查看更多 下一篇