如何在javascript悬停中创建颜色键？

我的网站有一个动态部分，如果有值，它会显示一个表，如果没有值，它会隐藏该表。当它显示表格时，表格中的值以不同的颜色表示，表示不同的定义。我希望能够为这些定义添加带有颜色键的悬停文本。 最初，我希望悬停有一个小正方形的颜色与定义旁边的颜色。环顾四周后，我认为这可能太难了，所以我尝试改变定义的实际颜色，以显示值/颜色/定义之间的链接。然而，我甚至不知道该怎么做。我需要鼠标悬停，所以现在我有这个，直到我知道如何获得颜色/更改悬停段落中的颜色文本：

$myResults.find('.Solutions').bind("mouseover", function(){
 $(".myTable").attr('title', 'blue - value1 \n red - value2 \n olive - value3 \n');
});

---

我尝试使用tooltipster，但无法实现

如果要在工具提示中添加HTML/CSS，必须使用诸如、、之类的库或大量其他选项

以下是使用tooltipster的示例：

$（文档）.ready（函数（）{
$（'.myTable'）.tooltipster({
内容：$（'BlueRedOlive'）
});
});
.myTable{
高度：20px；
宽度：200px；
背景色：#CCC；
文本对齐：居中；
}
.提示{
高度：50px；
宽度：50px；
浮动：左；
文本对齐：居中；
}
蓝先生{
背景色：#00F；
}
瑞德先生{
背景色：#F00；
}
奥利弗先生{
背景色：#808000；
}

将鼠标悬停在我的上方
您无法对HTML标题属性进行任何格式设置。您将需要某种工具提示库。@dave OP的代码实际上在旧版IE中工作。可能与@Teemu重复是的，但通过格式化，我的意思是您不能应用颜色/CSS。@dave，我看到了这个问题，但无法为我的问题形成解决方案。若我在那个篇文章上尝试了很多建议，我会得到一个双重的工具提示，就像他们说的那个样。我还没有从这个问题中找到解决办法。谢谢你@dave。这看起来像是我正在尝试的/我需要的。我目前有jQueryV1.7.1，因为这就是我们的项目正在运行的内容。我添加了jquery.tooltipster.min.js、tooltipster.css和tooltipster-light.css。然而，当我试图运行它时，我在“$（'.myTable'）.tooltipster（{”行上得到了“UncaughtTypeError:undefined不是函数”。有什么想法吗？天哪，已经太久了。我忘了我需要在index.html文件中添加脚本和链接行。我这样做了，它出现了！！！它需要一些CSS工作…但谢谢！！！