📄 tu7.17.htm
字号:
<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 + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -