是否可以创建一个工具提示，当鼠标悬停在<p>标签内的文本上时显示？</p>

Question

我正在使用一个网站建设者（Weebly），我希望这样做，以便当我的网页上的某些单词（以某种方式突出显示 - 粗体，不同的颜色或其他）悬停在上面时，会出现一个带有定义的工具提示那个词。

Weebly确实为我提供了在页面上嵌入代码的选项，但不在段落中。那么我有没有办法设置页面，以便当鼠标悬停在p标签内的某些单词上时可以显示定义？

另一个选项是在单独的词汇表页面上将单词超链接到锚点，但这很麻烦，因为它会强制用户点击浏览器等上的后退按钮，这也需要很长时间才能设置所有的超链接和锚点。

我会非常感谢任何建议。

Answer 1

您可以使用abbr TAG

<abbr title="World Health Organization">WHO</abbr>

浏览器应自动显示工具提示。

Answer 2

我对Weebly不太熟悉，但如果您可以做一些基本的脚本编写，那么这个过程非常简单：

这里有一些片段可以帮助你。

HTML：

<p>The brown fox jumped over the <a href="#" title="This is the definition">lazy</a> dog.</p>

JS（使用Jquery UI库）：

  <script>
  $(function() {
    $( document ).tooltip();
  });
  </script>

Answer 3

您可以将这些单词封装在spans中并为其赋予title属性。 像这样：<span title="Model View Controller">MVC</span>