html javascript 显示图像悬停

2022-01-22 00:00:00 hover javascript html css onmouseover

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

I want to show a picture when I hover over certain text. So, bascially, I want to display/pop-up an image , when I hover on the text.

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

I have not been able to find any good solution on any webstites so I hope I could get some help. I don't have any code to post because I don't know where to start from, besides this : 

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

推荐答案

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

You could try hiding the image and then displaying it on hover:

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

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

相关文章