2010-02-02 69 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属性得到你想要显示的提示,这是提示插件怎么各项工作的文本。