需要一个简单的叠加层或工具提示答案

【问题标题】：Need a simple overlay or tooltip需要一个简单的叠加层或工具提示
【发布时间】：2012-04-25 21:47:24
【问题描述】：

我需要一个工具提示或覆盖来显示 onmouseover 和消失 onmouseout 显示单元格内的文本。我可以从单元格中取出文本没问题。我如何将其变成工具提示或叠加层？问题是这需要非常轻量级。没有 JQuery 库加载。 Css 可以由 javascript 控制，因此除了 javascript 处理它之外没有 css 声明。有没有办法用几行代码来创建某种框（如果代码保持小，背景颜色会很好），它会在鼠标悬停时出现在单元格文本上，然后在鼠标移出时消失？

<td onmouseover="this.value; what else here?">

【问题讨论】：

Mousein 和 -out 事件是 messed up between browsers，你需要一些小辅助函数来处理它们。或者干脆使用title 属性:-)
@Bergi：“搞砸”是什么意思？
我已经添加了一个链接。另请参阅here
@Bergi：我还是看不出那些事件处理程序是怎么搞砸的？
mouseover 和 mouseout 并不是真正为工具提示功能而设计的，它们需要额外的条件。

标签： javascript

【解决方案1】：

<td onmouseover="this.title = this.value;">

有几十种解决方案，但这是最简单的，这就是我正在寻找的。p>

【讨论】：