【【看看这段简单的代码为何看不到loading效果？？？】】

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>测试</title>
<script language="javascript">
function test(){
    document.getElementById("picDiv").style.display="block";
    for(var i=0;i<9999999999999;i++){
    }
    document.getElementById("picDiv").style.display="none";
}
</script>
</head><body>
<input type="button" onclick="test();" value="hidden" />
<div id="picDiv" style="width:100px;border:1px solid #ff0000;height:40px;margin:0 auto; display:none;"><img src="loading.gif" /></div>
</body>
</html>程序要耗时几秒，但始终看不懂loading图片的显示与隐藏
何故，如何做才能达到效果 ？？？

解决方案 »

  1.   

    你可以这样
     onclick='document.getElementById("picDiv").style.display="block";setTimeout("test()",10);'
      

  2.   

    可能是你的图片路径不对，或者是因为你容纳的标签太小了，设大一些，你可以就设置<img src="loading.gif" />看一下有没有效果，如果有效果那就是标签的问题，
      

  3.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
     <script language="javascript">
    function test(){
    if (document.getElementById("picDiv").style.display=="none") {
    document.getElementById("picDiv").style.display="block";
    } else {
    document.getElementById("picDiv").style.display="none";
    }
            for(var i=0;i<9999999999999;i++){    
            }}
    </script> </HEAD> <BODY>
      <input type="button" onclick="test();" value="hidden" />
    <div id="picDiv" style="width:100px;border:1px solid #ff0000;height:40px;margin:0 auto; display:none;">
    <img src="images/pic0.jpg" >
    </div>
     </BODY>
    </HTML>