用图片来做动画

来源:互联网 发布:2017年网络流行语 编辑:程序博客网 时间:2024/04/28 22:57

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="bill.hu">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
 </HEAD>

<script>
var aniframes = new Array(4);
for(var i=0;i<4;i++){
aniframes[i]=new Image();
aniframes[i].src="images/"+i+".gif";
}
var frame = 0;
var timeout_id = null
function animate()
{
document.animation.src=aniframes[frame].src;
frame=(frame+1)%4;
timeout_id = setTimeout("animate()",250);
}
</script>
 <BODY>
  <img name="animation" src="images/0.gif"/>
  <form>
  <INPUT type = "button" value="Start" onclick="if(timeout_id==null)animate();" />
  <INPUT type = "button" value="Stop" onclick="if(timeout_id)clearTimeout(timeout_id);timeout_id =null;" />
  </form>
 </BODY>
</HTML>