光标说明文本框

Question

我将鼠标悬停在HTML对象上时，我搜索了很多，找不到在光标旁边创建小文本框的方法。

示例 http://guyzyl.org/wp/Picture1.png

在此示例中，您可以看到光标不可见，但将鼠标悬停时会显示文本框。我想创造一些类似的东西。

示例取自Facebook。

感谢您的帮助

Answer 1

可以在

添加title属性的标签上获得工具提示，例如：

<a href="#" title="my tooltip">my link</a>

使用JavaScript可以获得外观更精美的工具提示，但以上是正确的语义选项（许多工具提示插件都希望它无论如何都会出现在您的代码中）

Answer 2

使用这个：

    <img title="my tooltip" src="" alt=""/>

Answer 3

它被称为工具提示。 例如，这样写：

<div class="parent">
 <p>create group</p>
 <div class="tooltip">tooltip</div>
</div>

.CSS

.tooltip{
 display:none;
}
.parent:hover .tooltip{display:block;}

检查此 http://jsfiddle.net/zDLzF/

Answer 4

有许多花哨的工具提示可用。有史以来最简单的jQuery工具提示 - http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery