php - 将鼠标悬停在弹出窗口中显示名称 anchor 的内容，而不是单击以转到内容

Question

我有一个很长的html，内容有其他文本的引用。

例如:

What is your <a href="#A8">favorite</a> day?
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<div id="A1">Monday</div>
<div id="A2">Tuesday</div>
<div id="A3">Wednesday</div>
<div id="A4">Thursday</div>
<div id="A5">Friday</div>
<div id="A6">Saturday</div>
<div id="A7">Subday</div>
<div id="A8">It's a good day.</div>

我希望有一个功能，可以将鼠标悬停在 anchor 标签上，以在 anchor 名称的弹出窗口或对话框中显示内容，而不是单击以转到内容。无需来回。

如果鼠标悬停在#A8上，会显示A8的内容，即“It's a good day.”

Answer 1

几个选项。

1. 使用lightbox/thickbox/jquery显示A8部分的内容在叠加层中。

2. 替换<a href="#A8">favorite</a>与 <a href="javascript:void(0)" onclick="openPopup('#A8')">favorite</a> 。在函数 openPopup 中，获取 A8 部分的内容并在弹出窗口中显示它(使用 window.open)。

希望有帮助。