Javascript 鼠标悬停的按钮或框

如何制作一个按钮或其他东西，您可以将鼠标悬停在框或按钮上，然后看到一个小页面。转到并将鼠标悬停在评论中的一个名称上，您可以看到我的意思：）谢谢，请回答：）

如果你把鼠标悬停在一个名字上，Facebook也有类似的功能，但我请你不要发布这个代码。thx

我试着用一个模态框制作一些东西，但它不像youtube上的那样工作

---

在Facebook上，这个框是固定的，但在YouTube上它不是

我会从以下内容开始：

<div class="person">
    <a href="link.html">Name</a>
    <div class="info">Here is more information, add anything you want here</div>
</div>

---

这将显示一个链接，当鼠标悬停在上面时，将显示更多信息。这很艰难，但却是一个很好的起点。添加一些JavaScript会使行为稍微好一点，比如使用像悬停意图之类的东西。如果你自己动手解决问题，我们更有可能帮助你。检查堆栈溢出以了解有关提出正确问题的更多信息。祝你好运和快乐！我描述了我所做的尝试：/我觉得自己很笨，很简单：D谢谢：）顺便问一下，你知道如何为网站建立数据库吗？对于登录，您知道如何为登录表单创建数据库吗？：）最好针对一个新主题发布一个新问题。但在这种情况下，我只需要谷歌。如果您使用的是php/mysql，那么这是一个不错的起点：但是如果它没有使用您想要的技术，那么还有很多其他教程。如何使此div始终显示在窗口中。例如，当它在底部时，我看不到它：/I希望该div出现，以便我可以看到它，无论它在哪里，如果它在底部，框将在上面，。。。

.person{
   position:relative;
}
.person .info{
   position:absolute;
   //Change these to position the box wherever
   top:10px; 
   left:10px;
   display:none;
}
.person:hover .info{
   display:block;
}