这篇博客展示了如何利用JavaScript实现每隔一定时间更换图片，从而达到类似GIF动画的效果。通过定义一个包含多张图片的数组，设置计时器定时更换图片源，可以在网页上动态展示连续的图片序列。
<html>
<head>
<title>每隔一定时间更换图片</title>
<script language="javascript">
<!--
Img = new Array("page1_1.jpg","page1_2.jpg","page1_3.jpg");
size = Img.length;
i = 0;
function chImg(){
picID.src = Img[i];
i++;
if (i>=size) i = 0;
setTimeout("chImg()",500);
}
//-->
</SCRIPT>
</head>
<body onLoad="chImg()">
<a href=""><img id="picID" border="0"></a>
</body>
</html>
<head>
<title>每隔一定时间更换图片</title>
<script language="javascript">
<!--
Img = new Array("page1_1.jpg","page1_2.jpg","page1_3.jpg");
size = Img.length;
i = 0;
function chImg(){
picID.src = Img[i];
i++;
if (i>=size) i = 0;
setTimeout("chImg()",500);
}
//-->
</SCRIPT>
</head>
<body onLoad="chImg()">
<a href=""><img id="picID" border="0"></a>
</body>
</html>
扫一扫
937
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
