在表格单元格上创建工具提示？

Question

我创建了一个 HTML 表格，该表格有一个用 javascript 编写的函数，该函数在一个大表格单元格中获取光标位置的值，然后将该值打印到一个单元格中。

我将如何在工具提示而不是表格单元格中打印值？

Answer 1

最简单的做法是设置某个元素的“title”属性。

element.title = "Something to show in a tooltip";

有一些精美的 Javascript 工具可以制作精美的工具提示。你没有说在哪里你想要工具提示，所以不是 100% 清楚你想要完成什么。

Answer 2

您可以通过类似这样的方式在工具提示中显示单元格内容

jQuery.fn.applyTooltip = function(options) {

        var settings = $.extend({}, options);

        return this.each(function() {

            var ReqElemPosition = $(this).offset();

            $(this).hover(function() {

                $('body').append('<div class="tooltip"></div>');

                tooltip = $('.tooltip');

                tooltip.empty().append($(this).text());

                tooltip.fadeIn('fast').css({

                    top: ReqElemPosition.top + tooltip.height() * 2 - $('body').offset().top,

                    left: ReqElemPosition.left - ($('body').offset().left - $(this).offset().left)

                });

            }, function() {

                tooltip.fadeOut('fast', function() {
                    $(this).remove();
                });
            });

        });
    };

$(document).ready(function() {

    $('td').applyTooltip();
});