翻转时有多个图像

Question

我想做的是，当我将图像翻转时，有2张图像出现，第一个是通过使用此代码实现的，并且是正常的翻转：

<a href="#" onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('','','images/image2.jpg',1)">
<img src="image1.jpg" alt="imageDesc" width="120" height="125" id="Ammar" /></a>

第二个图像是一个信息文本框，我看上去与原始文本框略有偏移（即右下角或左下角略有重叠）。

如何达到这种效果？ 这是一个澄清的例子

Answer 1

如果将第一张图片放入div并设置id="myDiv ，则可以在onmouseover代码中像这样更改div的内容

document.getElementById('myDiv').innerHTML="<img ... /> <img ... />";