Question

我正在准备一个网页，其中包含更多可能显示的数据而不会使页面变得非常麻烦。我正在考虑不同的方式来做到这一点。一种方法是当用户将鼠标悬停在文本的特定部分上时，让额外的数据神奇地出现在一个小窗口上。雅虎！当您将鼠标悬停在用户上时，答案会执行类似的操作。但我想这必须是复杂的代码（对于我的水平）。

所以我正在寻找一种简单的方法，当用户将鼠标悬停在特别有趣的文本上时，会在鼠标指针旁边显示一个小弹出窗口。一旦用户离开文本，窗口就会自动消失。关于这个主题，我有几个问题：

Answer 1

只需使用DIV来显示您的文字，打开一个全新的窗口就是矫枉过正，因为大多数人在浏览器中都有弹出窗口拦截器，窗口甚至都不显示。我建议使用JQuery（很高兴，如果你是新的，因为它会使你的Javascript开发更容易）和找到的JQuery Tooltip插件here

Answer 2

最漂亮的解决方案可能是使用jQuery和jQuery工具提示插件，如上所述。如果您真的热衷于避免使用javascript，那么只需使用css即可实现这一目标：

<div id="bigdiv">
bla
<div id="tooltip">this is a bla</div>
</div>

#tooltip{
  display:none;
}
#bigdiv:hover #tooltip{
  display:block;
}

Answer 3

雅可以使用javascript完成。

您必须为mouseover和mouseout文本元素编写事件。创建一个应用了一些样式的div，并将元素内的文本显示为div的innerText。根据文本元素设置div的位置。

Answer 4

您也可以使用Yahoo!用户界面（YUI）库，类似于jQuery。事实上，这很可能是他们在Yahoo!上使用的内容。答案网站。