本文介绍了html javascript 显示图像悬停的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着跟版网的小编来一起学习吧！
问题描述
当我将鼠标悬停在某些文本上时，我想显示一张图片.所以，基本上，当我将鼠标悬停在文本上时，我想显示/弹出一个图像.
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>
这篇关于html javascript 显示图像悬停的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持跟版网！
本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益，请联系我们，我们会在确认后第一时间进行删除！