我已经阅读了类似的答案，但无法弄清楚如何编辑它们以使用我自己的html。我有一张桌子，一旦鼠标悬停在桌子上的某个单元格上，文本将显示在页面右侧的白框中。如果任何人都知道最好使用Javascript来解决这个问题（但任何可行的方法都会有所帮助），使它正常工作将是很棒的。这是我的表格代码片段，我要执行上述事件的单元格有一个ID="blue1"。
<tr>
<td>1</td>
<td id="blue1">
2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
</tr>
这是我希望文本显示的框：
<div id="whitebox">
<script type= text/javascript>
</script>
</div>
这是我希望将＃blue1悬停在#whitebox上的文本-
“ 2点2见John”
我摆弄各种代码，无法正常工作。
您必须捕获.hover（）事件并在.text（）之后附加文本。
$('#blue1').hover(function() {
$('#whitebox').text('2nd Meet John at 2');
}, function() {
$('#whitebox').text('whitebox');
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<table>
<tr>
<td>1</td>
<td id="blue1">
2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
</tr>
</table>
<div id="whitebox">
whitebox
</div>可以使用以下命令将脚本放置在<head> ... </head>站点的一部分中：
<script type="text/javascript">
$(document).ready(function() {
// script
});
</script>
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句