2

我想实现以下几点。我有几个小图像，如果鼠标在其中一个图像上，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”仍应显示。

4

1 回答 1

1

听起来你想要jQuery hover。由于您的问题不包含代码，因此很难提供准确的答案，但这符合您的描述。

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

jsFiddle 演示

编辑

$(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>​

更新的演示

于 2012-04-08T15:53:43.400 回答