工具提示在桌子的不同单元格上

时间:2012-05-07 09:40:48

标签: javascript jquery

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

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

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

任何人都可以建议我使用任何jQuery库吗?或者任何JavaScript方式?

2 个答案:

答案 0 :(得分:1)

Hiya就是您要找的演示 http://jsfiddle.net/UXR8u/

虽然有一个工具提示插件,你也可以看一下。 http://docs.jquery.com/Plugins/Tooltip 链接可能会有所帮助:(包含工具提示和qtip的演示)jquery tooltip / moves with mouse move / tooltip with mouse position

jquery代码

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

​

答案 1 :(得分:1)

你可以使用qTip2插件:

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