我有一个很长的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.”
最佳答案
几个选项。
使用lightbox/thickbox/jquery显示
A8
部分的内容在叠加层中。替换
<a href="#A8">favorite</a>
与<a href="javascript:void(0)" onclick="openPopup('#A8')">favorite</a>
。在函数 openPopup 中,获取A8
部分的内容并在弹出窗口中显示它(使用 window.open)。
希望有帮助。
关于php - 将鼠标悬停在弹出窗口中显示名称 anchor 的内容,而不是单击以转到内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13284489/