onMouseover自动解析内容的自定义词典是否应用工具提示

Question

我有一个网站，它使用的术语并不"常见"，有时需要澄清。我已经考虑创建一个JavsScript解决方案，该解决方案将从字典文件中读取术语，解析每个页面，然后应用高亮显示和onMouseover工具提示，以便用户轻松阅读术语定义。

是否已经存在一个库来实现这一点 我看到了一些半生不熟的选择，但在这方面，没有什么是非常干净和全面的。

为了给出一个示例场景，我希望解决方案的功能类似：我将提供一个数据/定义文件，类似于：

"some term 1", "the definition will be explained over here in verbose terms"
"some term 2", "the definition will be explained over here in verbose terms"
"some term 3", "the definition will be explained over here in verbose terms"

然后，JavaScript在页面加载时会解析这个定义文件。然后，它将解析dom的内容并隔离每个术语(some term 1、some term 2、etc.)，用适当的定义文本填充术语的工具提示。显然，它的优雅之处在于，它只需要更新定义文件，所有网站内容都将为读者提供一个方便的词典。

Answer 1

我会使用jQuery UI。。。

http://jqueryui.com/tooltip/

至于字典部分，我会创建一个脚本，在每个页面上加载，查找特定单词的存在，并根据JSON文件进行检查。你想要代码吗？或者这个概念足够好吗？

Answer 2

您可以使用Tipsy并将clarification添加到元素title中
它是显示在hover上的tooltip。