我在网站上看到了一个很酷的功能，我想尝试重新创建。它是一个非常简单的弹出功能。基本上我有一个项目列表，当我超过其中一个时，我想显示一些关于该项目的其他信息。
<li>
Image Resolution:
<a rel="tooltip" data-original-title="Display a fact about great image resolution">
<b>Best</b>
</a>
</li>
我试图模仿的功能，我在http://www.logicalposition.com/national-ppc#pricing找到了 - 在底部。我真的很喜欢他们根据他们提供的3种不同计划（首发，标准，高级）设置弹出窗口。当您将鼠标悬停在要素上时，它们会显示有关该要素的小文本模糊。
我发现他们正在使用data- *据我所知，这些数据用于在特定的html元素中存储数据。我只是想弄清楚他们是如何使用它来创建弹出窗口的。我没有看到任何：悬停css或任何东西，但也许我只是错过它。有没有人知道如何使用数据属性在悬停时创建弹出窗口？