翻转时的多个图像

时间:2013-05-27 14:04:09

标签: javascript html css

我想要做的是在翻转图像时出现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>

第二张图片是一个信息文本框,我看起来略微偏离原版(即右下角或左下角稍微过了一圈)。

如何实现这种效果? Here是一个澄清的例子

1 个答案:

答案 0 :(得分:0)

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

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