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();
});

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

2 个答案: