Question

我想了解以下内容。我有几个小图像，如果鼠标在其中一个图像上，div或某些按钮应该可见。但是，如果鼠标移动到另一个图像，则应显示另一个div（按钮），并且应隐藏旧的div。如果没有选择图像，则不应显示任何内容。 jQuery库中是否有任何函数可以执行类似的操作？

我尝试使用mouseover函数和toogle()执行此操作。但问题是，当鼠标离开图像时，最近显示的div再次被隐藏。此外，如果我将div设置为mouseover上可见，即使选择了其他图片，它仍会显示。

<div id="Div1">This is div1</div>
<div id="Div2">This is div2</div>

当鼠标移过“div1”时，应显示“div2”，直到鼠标离开“div1”或“div2”。这意味着，如果鼠标翻过“div2”（鼠标左键“div1”），仍应显示“div2”。

Answer 1

听起来你想要jQuery hover。由于您的问题不包含任何代码，但很难提供确切的答案，但这符合您所描述的内容。

$(document).ready(function() {
    $("#myDiv").hover(
      function() {
        $("#otherDiv").show();
      }, 
      function() {
        $("#otherDiv").hide();
      }
    );
});

jsFiddle DEMO

修改

$(document).ready(function() { $("#wrapper").hover( function() { $("#otherDiv").show(); }, function() { $("#otherDiv").hide(); } ); });

CSS：

#otherDiv { display: none; }

HTML：

<div id="wrapper"> <div id="myDiv">hover me</div> <div id="otherDiv">stuff</div> </div>

Updated Demo

jQuery - 扩展菜单

1 个答案: