强制定向布局图例文本鼠标悬停答案

【问题标题】：Force directed layout legend text mouseover强制定向布局图例文本鼠标悬停
【发布时间】：2014-05-27 20:15:44
【问题描述】：

以 Mike Bostock 的 Mobile Patent Suit 示例为例，我想在图例上创建 mouseover 事件。我希望脚本能够工作，因为我是 javascript 新手

例如：

<div id="sample"><ul><li><div>text</div><div class="tooltip">tooltip contents</div></li></ul></div>

当我将鼠标悬停在 div 文本（文本）上时，应显示工具提示内容。

以下是我的代码：请任何人建议如何处理。

我的CSS：

.tooltip {
position:absolute;
display:none;
z-index:1000;
background-color:black;
color:white;
border: 1px solid black;
}

我的html：

<div id="sample"><ul><li><div>text</div><div class="tooltip">tooltip contents</div></li></ul></div>

【问题讨论】：

无论我们是不是新手，我们都希望我们的 javascript 能够正常工作

标签： javascript jquery html css javascript-events

【解决方案1】：

<div id="sample">
   <ul><li><div>text</div><div class="tooltip">tooltip contents</div></li></ul>
</div>
<style>
#sample ul li div:first-child:hover+.tooltip
{
   display: block;
}
.tooltip {
   position:absolute;
   display:none;
   z-index:1000;
   background-color:black;
   color:white;
   border: 1px solid black;
}
</style>

【讨论】：

完美的 Ankit Agarwal。