当鼠标悬停在<p>标记中的文本上时，是否可以创建一个工具提示？
当鼠标悬停在<p>标记中的文本上时，是否可以创建一个工具提示？
提问于 2013-10-03 11:53:13
我正在使用一个网站建设者(Weebly)，我想让它，当我的网页上的某些单词(以某种方式高亮-粗体，不同的颜色或其他)被盘旋时，一个工具提示出现与该词的定义。
Weebly确实给了我在页面上嵌入代码的选项，但不能在段落中嵌入代码。那么，我是否有任何方法来设置页面，以便当鼠标悬停在p标记中的特定单词上时，可以使定义出现？
另一种选择是将单词超链接到单独的词汇表页面上，但是这很麻烦，因为这将迫使用户单击浏览器上的后退按钮等等，而且设置所有超链接和锚也需要很长时间。
如有任何建议，我将不胜感激。
回答 3
Stack Overflow用户
回答已采纳
发布于 2013-10-03 14:09:20
您可以将单词封装在span中，并给它们一个title属性。像这样：<span title="Model View Controller">MVC</span>
Stack Overflow用户
发布于 2013-10-03 12:23:27
您可以使用abbr标记
<abbr title="World Health Organization">WHO</abbr>浏览器应该自动显示工具提示。
Stack Overflow用户
发布于 2013-10-03 12:25:10
我对Weebly并不十分熟悉，但只要您能够完成一些基本的脚本编写，这个过程就相当简单：
这里有几段片段可以让你走。
HTML：
<p>The brown fox jumped over the <a href="#" title="This is the definition">lazy</a> dog.</p>JS (使用Jquery库)：
<script>
$(function() {
$( document ).tooltip();
});
</script>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/19158525
复制相关文章
相似问题
腾讯云开发者
