html javascript 显示图像悬停

Question

我想当我将鼠标悬停在某些文本上时显示图片。所以，基本上，当我将鼠标悬停在文本上时，我想显示/弹出图像。

我在任何网站上都找不到任何好的解决方案，所以我希望能得到一些帮助。我没有任何代码要发布，因为我不知道从哪里开始，除此之外：

<style>
p:hover{
   //Show image code;
}
</style>

Answer 1

您可以尝试隐藏图像，然后在悬停时显示它：

<img src = "foo" style="visibility:hidden" id = "img1" onmouseover = "show()">

<script type = "text/javascript">
function show() {
    document.getElementById('img1').style.visibility = 'visible';
}
</script>