1

我正在使用网站构建器（Weebly），并且我想这样做，以便当我网页上的某些单词（以某种方式突出显示 - 粗体，不同颜色或其他任何内容）悬停时，会出现一个工具提示，其中包含该单词的定义.

Weebly 确实让我可以选择在页面上嵌入代码，但不是在段落中。那么我有什么方法可以设置页面，以便当鼠标悬停在 p 标签中的某些单词上时可以显示定义？

另一种选择是将单词超链接到单独的词汇表页面上的锚点，但这很麻烦，因为它会迫使用户单击浏览器上的后退按钮等，而且设置所有超链接和锚点。

我将非常感谢任何建议。

4

3 回答 3

0

您可以将单词封装在 span 中并赋予它们一个 title 属性。像这样：<span title="Model View Controller">MVC</span>

于 2013-10-03T14:09:20.827 回答
0

您可以使用abbr标签

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

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

于 2013-10-03T12:23:27.243 回答
0

我对 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>
于 2013-10-03T12:25:10.920 回答