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/

Answer 2

您可以使用 div 和带有 css 的 z-index 属性的 javascript 进行尝试。