javascript - 如何使一个 div 出现在另一个 div 的悬停上(CSS 或 JavaScript)

Question

我进行了大量搜索，但这些解决方案都不适合我。

这是我的 JSFiddle:http://jsfiddle.net/HS3jh/

当您将鼠标悬停在标签 tab2 上时，我需要我的 ABOUTTAB div 可见。

#ABOUTTAB {
  position: absolute;
  width: 218px;
  height: 35px;
  margin-top: -32px;
  margin-left: 231px;
  visibility: hidden;
}

请随意使用 CSS 或 Javascript，感谢您的帮助，如果需要，甚至可以随意修改 html。

Answer 1

您可以使用一些 jQuery 很容易地做到这一点。效果是

$('#tab2').hover(
    function(){
        $('#ABOUTTAB').show();
    },
    function(){
        $('#ABOUTTAB').hide();
    });

传递给 hover() 的第一个函数是 onMouseEnter 处理程序，第二个是 onMouseExit 处理程序。因此，当您悬停 tab2 时，会显示 ABOUTTAB，而当您取消悬停时，它会隐藏。将其作为 display:none 启动以隐藏它。

对 jQuery 做一些研究。这种 DOM 操作非常简单直观。