0

我有一些书名选项，我想在鼠标悬停在每个书名上时添加一个弹出窗口，其中包含对该书的一些有意义的描述。弹出窗口应该出现在相应的书名上方并覆盖它。我不确定如何处理这个问题，也许 jQuery 可以提供帮助。我无法想象没有 Javascript，只使用 CSS 的解决方案。

HTML 如下所示（如有必要，可以更改）：

<tr><td>
<input type="radio" value="book1" name="download"> Book 1 <br>
<input type="radio" value="book2" name="download"> Book 2 <br>
<input type="radio" value="book2" name="download"> Book 3 <br>
</td></tr>

在书 1、书 2 和书 3 上，鼠标悬停时应该会出现一个信息弹出窗口（包含页数、摘要等内容）。

4

4 回答 4

2

您可以调整这种使用数据属性的内容作为工具提示内容的纯 CSS 方法：
http ://www.impressivewebs.com/pure-css-tool-tips/

适用于 IE8+

于 2012-11-22T21:23:22.347 回答
1

http://jquery.bassistance.de/tooltip/demo/可能是最快的实现方式

于 2012-11-22T21:03:33.327 回答
1

有许多 jQuery 工具提示插件可以帮助您实现这一目标。要使插件正常工作，通常您只需在 HTML 中添加一个“标题”属性。

查看其中一些http://www.tripwiremagazine.com/2012/07/jquery-tooltip-plugin.html并选择 UI 符合您需要的那个。

于 2012-11-22T21:08:37.457 回答
1

我会建议你喝醉的 jquery 插件。修改后的版本也可以通过bootstrap获得。

于 2012-11-22T21:09:41.547 回答