如何在HTML上定位onmouseover上显示的图像

Question

我有一个图像在onmouseover事件上弹出第二个图像。我需要将第二张图像（更大）放置在绝对位置（例如10,20）而不影响第一张图像的位置。

我试图仅在HTML中执行此操作。

这是我的代码：

<img src="readmore.png" onmouseover="this.src='info.jpg'" onmouseout="this.src='readmore.png'"/>

Answer 1

试试这个：

this.style.top 用于沿 X-更改 Y轴， this.style.left 的位置轴

   <img src="readmore.png" onmouseover="this.src='info.jpg';this.style.left = '10px';
this.style.top = '50px';" onmouseout="this.src='readmore.png';this.style.left = '10px';
this.style.top = '50px';"/>

希望这有帮助。