我一直在尝试这样做 1 天零 6 小时（字面意思），我正在拔头发。我已经用谷歌方式尝试了很多，我已经用完了搜索和单词组合，甚至回到了我之前访问过的链接，只是为了检查我是否错过了任何东西。
我需要的是：当有人将鼠标移到图像上时，它会显示一个工具提示。这是我想通的容易的部分。困难的部分是在该工具提示中放置一个表格，以便组织我希望显示的内容。我需要的精确复制品在http://occultdarkr.enjin.com/ 我还需要它来跟随鼠标并具有网站中的不透明度。
在工具提示中添加表格时，我尝试了很多方法，但它从不显示表格。它要么关闭工具提示，因此不显示任何内容，要么显示表格的实际代码。真正的痛苦。我尝试使用我在网上找到的 javascript 和 jquery 东西，但没有什么能满足我的需要。
请任何有用的帮助将不胜感激。
有两种方法可以做到这一点，其中一种是您可以使用 jquery 函数实现工具提示，如下所示，
$("p").mouseup(function(){
$(this).append('<span id='sth'><table><tr><td>foo</td><td>bar</td></tr></table></span>');
}).mousedown(function(){
$("#sth").remove();
});
下一个，你可以使用一些 jQuery 工具提示插件，比如，
我会首先尝试将您的表格放在隐藏的 div 中，或者在您想要显示它时使用您的表格数据动态创建 div（绝对位置......），然后在 onmousemove 事件中添加一个函数来更改您的 div位置（使其成为鼠标位置）并且应该这样做
如果您需要更精确的信息，请随时询问我会在需要时编辑我的答案
下面是示例代码，您可以根据需要进行修改。
HTML
<img class="HelpIcon" src="help.png" title="<table border='1'><tr><td>1</td><td>First Item</td></tr><tr><td>2</td><td>Second Item</td></tr><tr><td>3</td><td>Third Item</td></tr></table>" />
jQuery
$(document).ready(function () {
var txt = "";
$('.HelpIcon').mouseenter(function () {
txt = $(this).attr('title');
$(this).attr('title', '');
var offset = $(this).offset();
var $tooltip = $('<div></div>')
.attr('id', 'HelpDiv')
.css('margin-left', offset.left)
.html(txt);
$(this).after($tooltip);
});
$('.HelpIcon').mousemove(function (e) {
$("#HelpDiv").css('left',e.pageX);
$("#HelpDiv").css('top',e.pageY);
});
$('.HelpIcon').mouseleave(function () {
$('#HelpDiv').remove();
$(this).attr('title', txt);
});
});