Question

$(document).ready(function(){
$("a").mouseover(function(){
var currentId = $(this).attr('id')+"S";
$(".stay:visible").hide("explode",[],200);
$("#" + currentId).show("bounce");
});
});

.stay { 
display:none;
      }
<body>
<div id="parent">
  <a id="aaa"></a>
  <a id="bbb"></a>
  <a id="ccc"></a>
  <div id="holder">
     <div class="stay" style="display:inline"></div><!--Starting Div, leaving on first mouseover-->
     <div class="stay" id="aaaS"></div>
     <div class="stay" id="bbbS"></div>
     <div class="stay" id="cccS"></div>
  </div>
</div>
</body>

我有我的锚点和每个的相应div以及共享类=＆＃34;逗留＆＃34;。 div开始隐藏，并且在相应锚点的鼠标悬停时我希望它们显示在持有者div中。 div包含一个图像，当我拥有它时，所有单独编写脚本的快速鼠标将导致所有div堆叠在页面上。尝试.stop（）和.clearqueue（）无济于事，所以我想尝试一个捕获所有进程。问题是它没有认识到锚是我要求ID的元素。我真的很清楚这一点，所以任何帮助都会受到赞赏。编辑 - 我现在已经选择了div，但如果我过快地将鼠标悬停在锚点上，它们仍然会向下堆叠。

Answer 1

结束使用hoverIntent超级满意的结果。

鼠标悬停效果与锚点和相应的div

1 个答案: