你可以使用 HTML 的 title 属性来实现。
在你的单元格的 HTML 代码中加入 title 属性,然后赋值为你想要显示的文本。
例如:
<td title="显示的文本">单元格内容</td>
这样,当用户将鼠标悬停在单元格上一秒钟后,会显示一个浮动的文本框,其中包含你设置的文本。
如果你想让文本显示的时间更长或更短,可以使用 CSS 的 "tooltip"(工具提示)伪类来实现。例如:
td:hover {
position: relative;
}
td:hover::after {
content: attr(title);
position: absolute;
left: 0;
top: 100%;
white-space: nowrap;
background: #000;
color: #fff;
padding: 5px;
transition: 0.5s;
z-index: 1;
}
这样,当用户将鼠标悬停在单元格上时,会显示一个浮动的文本框,其中包含你设置的文本,显示时间为 0.5 秒。你可以根据需要调整 "transition" 属性的值,来调整文本显示的时间。