如何让动画gif文件正常动起来？


<script language="JavaScript" type="text/javascript">
<!--
function SendBtn(){
 document.getElementById('wait_msg').style.display='block';
 document.testFrm.submit();
}
//-->
</script><form name="testFrm" method="POST">
  <input type="submit" value="OK" name="ok_btn" onclick="SendBtn()">
</form><div id="wait_msg" style="display:none">
   <img border="0" src="images/move1.gif">
   <h3>请稍候...</h3> 
</div> 
因执行的时间较长，想显示一个带动画的提示。
可动画gif文件死了不动。如何让动画文件正常动起来？

解决方案 »

  1.   

    你那GIF就不动吧也可能是就动了一圈，没有循环
      

  2.   

    <input type="button" value="OK" name="ok_btn" 
    onclick="SendBtn()">submit会导致瞬间刷新看不出来的<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <TITLE> New Document </TITLE>
    <script type="text/javascript">
    function SendBtn(){
     document.getElementById('wait_msg').style.display='block'; setTimeout(function(){
     document.testFrm.submit();
     },2000);}
    </script>
    </HEAD><BODY>
    <form name="testFrm" method="POST">
      <input type="button" value="OK" name="ok_btn" onclick="SendBtn()">
    </form>
    <div id="wait_msg" style="display:none">
       <img border="0" src="http://s1.dwstatic.com/group1/M00/04/65/0f36937a8952379adea3bf56a6354828.gif">
       <h3>请稍候...</h3> 
    </div> 
    </BODY>
    </HTML>
      

  3.   

    谢谢thc1987 我不是要人为的延期，而是submit以后，后台查询费时间。submit以后，想显示一个带动画的提示。
    有什么办法吗？
      

  4.   

    ie中是在submit以后，由于页面要转换所有动画都会停止。
    可以考虑用ajax方式提交表单
      

  5.   

    本人测试结果：
    除了ＩＥ（８） 動画不動、
    Firefox、Chrome、Safari、Sleipnir等浏览器動画gif都可正常运转
      

  6.   


    多谢jslang！
    ajax提交方式太麻烦。
    就IE不行，大部分浏览器動画gif都正常。
    暂时放弃此问题！