鼠标悬停在文本html上

Question

在我的javascript文件中有，

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

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

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

Answer 1

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

Answer 2

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

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

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