表格的不同单元格上的工具提示

Tooltip over different cells of a table

本文关键字:工具提示 单元格 表格      更新时间:2023-09-26

我需要在表格的不同单元格上显示工具提示。

基本上,我想要的是在该单元格上增加一层新的工具提示。细胞必须可以在任何地方。

我见过一些jQuery库,它将工具提示应用于表格的最后一列,这对我不起作用,因此工具提示应该出现在表格中间或末尾的任何位置。

任何人都可以向我推荐任何可以使用的jQuery库吗?或者任何JavaScript方式?

Hiya 这就是您正在寻找的演示 http://jsfiddle.net/UXR8u/

虽然有一个工具提示插件,你也可以看看。 http://docs.jquery.com/Plugins/Tooltip 链接可能会有所帮助: (包含工具提示和qtip的演示( jQuery工具提示/鼠标移动时移动/鼠标位置时的工具提示

j查询代码

$(function () {
    $(".test").hover(
        function () {
            var toolTipHtml = $("#ToolTipDIv").clone();
            $(this).append(toolTipHtml);
            toolTipHtml.show("slow");
        },
        function () {
            var toolTipHtml = $(this).find(".tooltip");
            toolTipHtml.hide();
            toolTipHtml.remove();
        }
    );
});
​

您可以使用qTip2插件:

http://craigsworks.com/projects/qtip2/