javascript - 当鼠标停留在链接上时如何获取选项卡的详细信息

Question

我正在尝试设计一个网站。我在主页上有一些我想做的选项卡，如屏幕截图所示。在屏幕截图中，当我将指针放在 javaL 中时，它正在显示内容。请建议我如何操作

Answer 1

试试这个HTML代码

<li class="box">Box</li>

CSS

li.nav-item:hover + .box, .box:hover {
    display: block;
}
.box {
    display: none;
    list-style: none;
    opacity: 0.3;
}
.box:hover {
    opacity: 1;
}

看看这个 http://jsfiddle.net/4unLH/