HTML将两个IMG标签组合为一个

Question

我的表格在Internet Explorer中效果很好，但在Firefox或Chrome中不能。

我有一个图像，然后单击（OnMousedown）更改图像源（转到另一个IMG标签并更改源，我们将其称为IMG2）。但是，在Internet Explorer中，它返回到原始的IMG标签并完成了OnMouseUp功能。在Firefox中，它似乎卡在第二个IMG2标签上，并且不返回原始IMG。

onMouseup函数实际上提交了表单，因此它现在被更改的图像陷入困境，但是页面只是保持固定，并且不会到任何地方。我想知道我认为问题是否错误，或者是否有一种方法可以在一个图像标签中执行以下代码。

感谢提前的任何帮助！

<IMG id="ApproveUp"   SRC="[LL_SUPPORTPATH /]ApproveUp.png" onMouseDown="this.style.display='none';document.getElementById('ApproveDown1').style.display='';" onMouseUp="document.myForm._1_1_62_1.value='Approved';document.getElementById('_1_1_69_1').value=document.getElementById('_1_1_64_1_SavedName').value.substring(0,document.getElementById('_1_1_64_1_SavedName').value.indexOf('('));doSubmit(document.myForm)">
<IMG id="ApproveDown1"  SRC="[LL_SUPPORTPATH /]ApproveDown.png" style="display:none">

Answer 1

您可以使用this.src将图像设置为原始Mousedown呼叫中的down.png。

<IMG id="ApproveUp" SRC="[LL_SUPPORTPATH /]ApproveUp.png" onMouseDown="this.src = '[LL_SUPPORTPATH /]ApproveDown.png'; this.style.display='none'; document.getElementById('ApproveDown1').style.display='';" onMouseUp="document.myForm._1_1_62_1.value='Approved';document.getElementById('_1_1_69_1').value=document.getElementById('_1_1_64_1_SavedName').value.substring(0,document.getElementById('_1_1_64_1_SavedName').value.indexOf('('));doSubmit(document.myForm)">

至于表单为什么不提交的原因，您没有提供dosubmit（）的代码。它可能确实被调用但在那里被打破。