2010-02-02 65 views
1

在我的JavaScript文件存在,鼠標懸停在文本HTML

var htm = '<div style="overflow:hidden;height:24px;width:150px;" onmouseover="tooltip(this)">' ; 

function tooltip(sp) 
{ 
    sp.title = sp.innerHTML; 
} 

所以在鼠標移到文本的工具提示displayed.But刀尖不留更長的時間。這意味着這個位置並不固定。 是否可以修改代碼,以便鼠標懸停在文本上,並且工具提示也是........

回答

2

如果您只想要「內置」工具提示,則無需在所有這些都是動態的。只需使用包含所需文本的「title」屬性對HTML元素進行編碼即可。瀏覽器將顯示鼠標懸停的工具提示。如果你想要更漂亮的東西,你應該看看一個jQuery插件(或其他框架)。

+0

+1 - jQuery的qTip是好的:http://craigsworks.com/projects/qtip/ – Sampson 2010-02-02 14:15:24

+0

,如果你有沒有興趣使用jQuery/prototypejs只是工具提示插件,您可以試試下面的鏈接, HTTP ://amar-desh.net/myworks/javascript/ToolTip_using_javascript.aspx 謝謝。 – Hoque 2010-02-02 14:27:27

+0

我們如何在工具提示中添加動態生成的文本?就像根據日期不同的工具提示一樣?我不專注於日期。只是一個例子。也可能是從數據庫查詢獲取到一個HTML元素的一些數據? – 2013-06-22 11:15:12

0

這是一個基於標準的工具提示,可以很好地爲您服務。

<div title="This is your tooltip">Some Text</div> 

如果然後希望在此之上添加,你可以使用title屬性得到你想要顯示的提示,這是提示插件怎麼各項工作的文本。