日期:2014-05-16  浏览次数:20431 次

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了