Question

我有一个DOM元素，当悬停在其上时，应该为另一个DOM元素的不透明度（到1）设置动画。由于事物的z顺序，我无法嵌套第二个元素，但我想要交互，这样只要你在任何一个DOM元素上，它们应该保持可见，但如果你滚动任何一个元素，第二个元素应该将其不透明度设置为零。

任何人都知道怎么做？

Answer 1

使用jQuery，您可以执行类似

的操作

  var show = false;
  $(element1).hover(function()
   {
      if(!show)
      {
        show = true;
        $(element2).fadeIn();
      }
   });
  $(element2).hover(function()
   {
     if(!show)
     {
       $(this).fadeIn();
       show = true;
     }
   };
  $(element1, element2).mouseleave(function(){$(element2).fadeOut();});

我使用show变量的原因是因为你不想淡化第二个元素（如果它已经显示）。您可以通过用逗号分隔不同的选择器，在单个集合中组合多个选择器。希望对你有用。

mouseenter和leave适用于两个DOM元素

1 个答案: