鼠标悬停在文本html上答案

【问题标题】：mouseover on text html鼠标悬停在文本html上
【发布时间】：2010-02-02 13:58:00
【问题描述】：

在我的 javascript 文件中有，

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

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

因此，当鼠标悬停在文本上时，会显示工具提示。但工具提示不会停留更长时间。意思是位置不固定。是否可以修改代码以使鼠标悬停在文本和工具提示上也............

【问题讨论】：

标签： javascript html css

【解决方案1】：

如果您想要的只是“内置”工具提示，则根本不需要动态执行。只需使用包含所需文本的“title”属性对 HTML 元素进行编码。浏览器将在鼠标悬停时显示工具提示。如果你想要更高级的东西，你可能应该看看 jQuery 插件（或其他一些框架）。

【讨论】：

如果您对仅将 jQuery/prototypejs 用于工具提示插件不感兴趣，可以尝试以下链接，amar-desh.net/myworks/javascript/ToolTip_using_javascript.aspx 谢谢。
我们如何在工具提示中添加动态生成的文本？喜欢根据日期不同的工具提示？我不专注于日期。举个例子。也可能是从 db 查询中获取的一些数据到 html 元素中？
@IndradhanushGupta 你可以更新元素的“title”属性。
@Pointy 是的，但是说我想要类似：hello <planet> 和 planet 可能是 earth mars venus。取决于别的东西。可能不是正确的语法。但我希望我能把我的观点传达给你。 :)
@IndradhanushGupta 有很多方法可以将字符串连接在一起；在 JavaScript 中，它可以像使用 + 运算符一样简单地构建一个字符串。完成后，可以将“title”属性设置为结果。

【解决方案2】：

这是一个基于标准的工具提示，可以很好地为您服务。

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

如果您希望在此基础上添加内容，可以使用 title 属性来获取要显示为工具提示的文本，这就是各种工具提示插件的工作方式。

【讨论】：