Php 悬停以在弹出窗口中显示名称锚定的内容，而不是单击以转到内容

我有一个很长的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>

今天是什么日子？
















星期一
星期二
星期三
星期四
星期五
星期六
亚日
今天天气不错。

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

如果将鼠标悬停在

#A8

上，它将显示

A8

的内容，即“这是一个好日子。”

两个选项

使用lightbox/thickbox/jquery在覆盖中显示

A8

部分中的内容

将

替换为

。在函数openPopup中，抓取

A8

部分的内容，并将其显示在弹出窗口中（使用window.open）

---

希望能有所帮助。

我想到的开始的快捷方式：

<div class="day" id="A1">Monday<div class="content">your content that will show up on hover for Monday</div></div>
<div class="day" id="A2">Tuesday<div class="content">your content that will show up on hover for Tuesday</div></div>
<div class="day" id="A3">Wednesday<div class="content">your content that will show up on hover for Wedsday</div></div>
<div class="day" id="A4">Thursday<div class="content">your content that will show up on hover for Thursday</div></div>
<div class="day" id="A5">Friday<div class="content">your content that will show up on hover for ...</div></div>
<div class="day" id="A6">Saturday<div class="content">your content that will show up on hover for ...</div></div>
<div class="day" id="A7">Subday<div class="content">your content that will show up on hover for ...</div></div>

后者您可以尝试JQuery提供的一系列效果。

像这样尝试
try like this

What is your <a href="#" onclick=GoodDay();>favorite</a> day?
<div></div>
<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>

<script>
function GoodDay(){  $(this).next('div').text("It's a good day.");}
<script>

今天是什么日子？
















星期一
星期二
星期三
星期四
星期五
星期六
亚日
函数GoodDay（）{$（this.next（'div'）.text（“这是个好日子”）；}

onclick=alert（document.getElementById（“AB”）.innerHTML）

try like this

What is your <a href="#" onclick=GoodDay();>favorite</a> day?
<div></div>
<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>

<script>
function GoodDay(){  $(this).next('div').text("It's a good day.");}
<script>