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了