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

我有一个图像，在onmouseover事件中弹出第二个图像。我需要将第二个图像（较大）绝对定位（例如，在10,20处），而不影响第一个图像的位置

我正在尝试只在HTML中这样做

这是我的代码：

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

试试这个：

此.style.top用于沿Y轴更改位置，沿X轴更改此.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';"/>

---

希望这能有所帮助。

鼠标悬停时，您正在更改现有图像的来源。我会用两个独立的

来做这个..那么代码是什么呢？这不能只用HTML来做。您正在使用onmouseover和onmouseout，这是javascript。与其在鼠标悬停上更改图像，不如隐藏并定位第二个图像，然后在鼠标悬停上显示该图像，然后在鼠标悬停上隐藏该图像。@bradfircloth只能使用css完成；）@用户3502158请显示一些努力，您甚至没有尝试对两个单独的图像进行任何操作，是吗。。？据我所知，这并不是人们简单地为您编写代码的地方……您可以在每次；，之后添加html中的内联语句，但是你也应该学习javascript。谢谢你，这正是我想要的，但不幸的是，它没有工作。我输入了代码，但仍然没有更改，它似乎忽略了style.left和style.top命令。我也只是将代码直接粘贴到wordpress页面，也没有运气。您是否在我放置相同值时更改了onmouseover和onmousedown的值？我的意思是在每个event.Hi上更改style.top和style.left的值。是的。对于onmouseover，我在顶部和左侧使用了300px。也许wordpress主题（样式）正在覆盖这个？我不是专家。