光標描述文本框

Question

我已經搜索了很多，並且找不到在光標旁邊創建小文本框的方法，此時將鼠標懸停在HTML對象上。

Example http://guyzyl.org/wp/Picture1.png

你可以看到光標是不可見在這個例子中，但懸停在出現在文本框中。我想創造一些類似的東西。

示例取自Facebook。

感謝您的幫助

Answer 1

提示可以在標籤上添加title賦予他們獲得，例如：可以使用JavaScript來獲得

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

票友看提示，但上面是正確的語義選項（許多工具提示插件希望它在你的代碼中）

Answer 2

它被稱爲工具提示。這樣寫，例如：

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

有許多花哨的工具提示。最簡單的jQuery的工具提示自從 - http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery

Answer 4

使用此：

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