html javascript显示图片悬停 [英] html javascript show image hover

问题描述

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

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>

推荐答案

您可以尝试隐藏图片， hover：

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>

这篇关于html javascript显示图片悬停的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！