JavaScript 三张图片交替地动画显示
解决时间 2021-08-21 20:45
- 提问者网友：鐵馬踏冰河
- 2021-08-21 17:27
<html>
<head>
<script type="text/javascript">
var theA=new Array(3);
for(i=0,n=theA.length;i<n;i++)
{theA[i]=new Image();
theA[i].src=i+'.gif';}
var currentImage=1;
var run=ture;
var speed=1000;
function changeSize1()
{
if(!document.images)
return;
if(!run)
return;
document.getElementById("myImage").src=theA[currentImage].src;
currentImage++;
if(currentImage>theA.length-1)
currentImage=0;
setTimeout('changeSize1()',speed);
}
</script>
</head>
<body>
<img id="myImage" src="0.gif" border="0" onload="changeSize1()">
</body>
</html>
我这个代码哪里错啦？一语道破！本人不需要长篇大论，也不要卖关子。。。
最佳答案
- 五星知识达人网友：第四晚心情
- 2021-08-21 18:39
1. var run=ture; 应该为true
2.onload="changeSize1()" 应该放在<body> 里面
正解。。。
全部回答
- 1楼网友：像个废品
- 2021-08-21 20:21
<html>
<head>
</head>
<body>
<img id="myImage" src="0.jpg" border="0" o>
</body>
</html>
<script type="text/javascript">
var theA=new Array(3);
for(i=0,n=theA.length;i<n;i++)
{theA[i]=new Image();
theA[i].src=i+'.jpg';}
var currentImage=1;
var run = true;
var speed=1000;
function changeSize1()
{
if(!document.images)
return;
if(!run)
return;
document.getElementById("myImage").src=theA[currentImage].src;
currentImage++;
if(currentImage>theA.length-1)
currentImage=0;
setTimeout('changeSize1()',speed);
}
changeSize1(); //或者这样!
</script>
- 2楼网友：行路难
- 2021-08-21 19:26
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" language="javascript">
var imgs = new Image();
var sum = 0;
function changeSize1() {
imgs.src = sum + ".jpg";
document.getElementById("myImage").src = imgs.src;
sum++;
if (sum == 3) {
sum = 0;
}
}
function Show() {
setInterval("changeSize1()", 1000);
}
</script>
</head>
<body onload="Show();">
<img id="myImage" src="0.jpg" border="0" />
</body>
</html>
- 3楼网友：底特律间谍
- 2021-08-21 18:57
发现你有两个错的地方：
1. var run=ture; 应该为true
2.onload="changeSize1()" 应该放在<body> 里面
我要举报
大家都在看
推荐资讯