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

uranas 2013-05-02 04:52:10



<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文件死了不动。

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

...全文

398 8 打赏收藏转发到动态举报

写回复

用AI写文章

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

uranas 2013-05-07

打赏
举报

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

uranas 2013-05-07

打赏
举报

引用 6 楼 jslang 的回复:

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

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

uranas 2013-05-07

打赏
举报

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

天际的海浪 2013-05-07

打赏
举报

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

liuchulong 2013-05-03

打赏
举报

是不是你IE中设置了不播放动画啊？

猿敲月下码 2013-05-03

打赏
举报

<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>

functionsub 2013-05-03