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/easiest-tooltip-and-image-preview-using-jquery

于 2012-06-15T10:11:12.593 に答える