在表格單元格上創建工具提示？

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