所以我想在我的网站上添加另一个功能。这是关于关键人物的。其中一些应该更详细地解释。我想把它做成单词旁边的一个小信息图标，应该解释一下。当您将鼠标悬停在此信息图标（或单击）上时，应该会出现一个小弹出窗口，其中包含所有需要的信息，以了解此关键数字的含义。类似下图pic here
我不知道如何搜索这样的教程或如何完全编程。有谁知道一个好的视频/博客/如何搜索这样的东西或有一些代码？ 非常感谢， 此致， 朱利安
【问题讨论】：
标签： javascript html css web popup
如何搜索这样的教程或如何完全编程。
您所描述的通常称为 tooltip，因此如果您想使用 javascript 搜索 javascript tooltip tutorial 或类似内容来实现它。
如果你想保持简单，你可以利用 HTML title 属性，例如
<span title="explanation">?</span>
将产生?，当鼠标悬停在上面时会显示带有explanation的框。
【讨论】：
我能给出的最基本的例子是 CSS :hover 选择器：
<!DOCTYPE html>
<html lang="en">
<head>
<style>
.info{
display: none;
}
.icon:hover ~ .info{
display: block;
}
</style>
</head>
<body>
<p>YourText.</p><div class="icon">!</div>
<div class="info">Your information.</div>
</body>
</html>在这段代码中，每当鼠标移到“！”上时，都会显示信息类，显然可以切换掉“！”想要一个更好看的图标（我建议尝试使用https://fontawesome.com/ 软件包之一），但基本思路就在这里。
【讨论】：