我试图让图像根据一秒计时器进行更改,但图像仍然是数组中的第一个对象 到目前为止我的代码是
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Lab 8 - Jackhammer Man</title>
<script type="text/javascript">
var jackhammers = new Array();
jackhammers[0] = "<img src='Images/jackhammer0.gif'>";
jackhammers[1] = "<img src='Images/jackhammer1.gif'>";
jackhammers[2] = "<img src='Images/jackhammer2.gif'>";
jackhammers[3] = "<img src='Images/jackhammer2.gif'>";
jackhammers[4] = "<img src='Images/jackhammer4.gif'>";
jackhammers[5] = "<img src='Images/jackhammer5.gif'>";
jackhammers[6] = "<img src='Images/jackhammer6.gif'>";
jackhammers[7] = "<img src='Images/jackhammer7.gif'>";
jackhammers[8] = "<img src='Images/jackhammer8.gif'>";
jackhammers[9] = "<img src='Images/jackhammer9.gif'>";
jackhammers[10] = "<img src='Images/jackhammer10.gif'>";
var curJackhammer;
function bounce() {
var img = document.getElementsByTagName("img");
var i = 0 ;
for (i = 0; i<10;i++) {
if(jackhammers[i].src == img.src) {
if(i === jackkhammers.length) {
img.src = jackhammers[0].src;
break;
}
img.src = jackhammers[i+1].src;
break;
}
}
}
</script>
</head>
<body>
<img onMouseOver="setInterval(function(){bounce},1000);" onMouseOut="clearInternval(fuction(){bounce};" src="Images/jackhammer0.gif" id="hammer" name="hammerman" alt="Jackhammer Man">
</body>
</html>
我遇到的问题是鼠标悬停事件不会激活,我无法在代码中找到错误,因为我的调试器没有找到任何错误。任何尝试获得经常更改图像的鼠标悬停功能的帮助将不胜感激。
最佳答案
- 你有一个拼写错误 if(i === jackkhammers.length)
- jackhammers[x] 没有 src 属性,因此要获取其值,请使用不带 .src 的属性
而不是
onMouseOver="setInterval(function(){bounce},1000);"
写:
onMouseOver="setInterval(function(){bounce();},1000);"
关于javascript - 鼠标悬停时手提钻不会改变,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29928425/