Question

如何使用javascript在网页上的选定单词上显示鼠标悬停工具提示？我想设置一些条件

例如：

如果页面<p> I'm Web Designer </p>内有文字<div id=example>，那么它应该在设计器上显示工具提示，但不应为设计器显示工具提示而不添加设计师和设计师的任何span。我想自动选择

我必须设置包含和排除关键字来选择或不提供工具提示。和所有工具提示的问题我想写在另一个不在同一页面的html文件中。

Answer 1

    You have to do it using css and javascript but following is the simple thing you can do for same result.
<a  title="Designer" href="javascript:void(0);" >Designer</a>

    Designer

Answer 2

使用以下jQuery在单词“designer”（灵感found here）周围包装一个锚标记：

$('#example').html(
  $('#example')
    .html()
    .replace(
      /(designer)/g,
      '<a href="#" class="normalTip" title="Some Text">$1</a>'
    )
);

然后使用（例如）aToolTip library来显示提示。

这是一个小提琴：http://jsfiddle.net/m2x6J/

如何使用javascript有条件地在网页上的选定单词上显示鼠标悬停工具提示？

2 个答案: