HTML将两个IMG标记合并为一个

时间:2015-05-07 15:11:20

标签: javascript html css image

我的表单在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">

1 个答案:

答案 0 :(得分:0)

您可以使用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()的代码。它可能会被调用但在那里被打破。