javascript - Html 文本悬停在每个单词上进行翻译

Question

嗨，我有一个 HTML 页面，里面有一个文本正文。我希望能够将鼠标悬停在文本中的单词上，一个小云显示文本中该单词的翻译。知道我该怎么做吗？我将提供我需要知道的翻译，这是在悬停时将每个单词从文本中分离出来的最佳方法，并可能用单词列表或翻译来检查它。

<html>
<body text="black">
    <p>I need the code to be able to translate each word separately</p>
</body>
</html>

score 2 · Accepted Answer

当鼠标悬停在文本中的单词上时，请参阅此问题的答案显示警报。使用lettering jQuery 插件，您可以将事件绑定到悬停在单词上。如果您有字典或其他东西，您可以在其中使用该单词作为查找翻译的键，您可以将其显示在其上方的小框中。

希望这可以帮助

Majid L 还做了一个http://jsfiddle.net/vN83X，悬停在其他词上

$(".word_split").lettering('words');
$('.word_split').mouseover(function(event) {
}

1 回答 1