0

当悬停在 HTML 对象上时,我进行了很多搜索,但找不到在光标旁边创建小文本框的方法。

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

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

示例取自 Facebook。

谢谢您的帮助

4

4 回答 4

3

title可以在将属性添加到它们的标签上获得工具提示,例如:

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

可以使用 javascript 获得更漂亮的工具提示,但以上是正确的语义选项(许多工具提示插件都希望它在您的代码中)

于 2012-06-15T10:05:51.557 回答
1

用这个 :

    <img title="my tooltip" src="" alt=""/>
于 2012-06-15T10:13:02.543 回答
0

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

<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/

于 2012-06-15T10:09:19.217 回答
0

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

于 2012-06-15T10:11:12.593 回答