tu7.17.htm

来自「一部非常好的javaScript教程」· HTM 代码 · 共 47 行

HTM
47
字号
<HTML>
<HEAD>
<TITLE>JavaScript 动画</TITLE>
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
function loadImage()
{
imageSrc=new Array(4)  //创建一个数组,存放 image 对象。
for(i=0;i<4;++i)
{
  imageSrc[i]=new Image()
  imageSrc[i].src=".../images/page"+i+".gif"
}
nextImage=1  //nextImage 是全局变量
}

function startAnimation()  //启动动画
{
  interval=setInterval('animate()',200)
}

function animate()
{
  i=nextImage++
  nextImage%=4
  document.genie.src=imageSrc[i].src  //动态更改图片显示
}

function pauseAnimation()
{
  clearInterval(interval);  //暂停动画
}
// -->
</SCRIPT>
</HEAD>
<BODY onLoad=loadImage()>
<DIV align=center>
<IMG NAME="genie" SRC=".../images/page0.gif">
<BR>
<FORM>
<INPUT TYPE="BUTTON" NAME="start" VALUE="开始锻炼" ONCLICK="startAnimation()">
<INPUT TYPE="BUTTON" NAME="pause" VALUE="我要歇!" ONCLICK="pauseAnimation()">
</FORM>
</DIV>
</BODY>
</HTML>

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?