我对此很陌生，但我确信这很简单。我正在尝试在我的网站上设置多个动画图像按钮。我设置了两个测试按钮，但只有第二个可以工作。它们单独工作都很好，但当我将它们加在一起时，只有一个工作。我缺少什么？提前致谢。
HTML:
<html>
<head>
<title>Default</title><script type="text/javascript" src="script.js"></script>
</head>
<body>
<div align="center"><br>
<a href="url_link"><img style="border: 0px solid ; width: 60px; height:60px;" alt="" src="clickA1.png" id="button1" onmouseover="rollover()" onmouseout="rollout()" onmousedown="down()" onmouseup="rollover()"></a>
</div>
<br />
<div align="center"><br>
<a href="url_link"><img style="border: 0px solid ; width: 60px; height: 60px;" alt="" src="clickB1.png" id="button2" onmouseover="rollover()" onmouseout="rollout()" onmousedown="down()" onmouseup="rollover()"></a>
</div>
<br />
</body></html>
Javascript:
<script>
function rollover () {
document.getElementById ("button1") .src = "clickA2.png"
}
function rollover () {
document.getElementById ("button2") .src = "clickB2.png"
}
function rollout () {
document.getElementById ("button1") .src = "clickA1.png"
}
function rollout () {
document.getElementById ("button2") .src = "clickB1.png"
}
function down () {
document.getElementById ("button1") .src = "clickA3.png"
}
function down () {
document.getElementById ("button2") .src = "clickB3.png"
}
</script>
最佳答案
你们的职能相互凌驾。为button2的函数定义不同的名称
例如:
function rollover () {
document.getElementById ("button1") .src = "clickA2.png"
}
function rollover2 () {
document.getElementById ("button2") .src = "clickB2.png"
}
关于javascript - 2 个动画图像按钮，只有 1 个在工作，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30288234/