Javascript 我的jQuery悬停fadeIn效果有什么问题？

我刚刚开始学习jQuery，有很多教程介绍如何实现这个简单的淡入淡出，但来自AS3背景，我下面的代码似乎应该可以工作，我很好奇为什么不能

翻滚时，黄色框淡出 然而，在推出时，黄色框有点淡入淡出，然后再次淡入 不知道为什么它会“反弹”mouseout函数。。。想法

HTML

jQuery

<script>

    (function() {

        var fade = $('div.fade');

        fade.mouseover(function() {

                fade.fadeOut(500);

        });

        fade.mouseout(function() {

            fade.fadeIn(600);
        });

    })();

</script>

你应该考虑使用鼠标器/鼠标器。

看看-

---

同样，这也值得一试。

这是因为你在鼠标上方逐渐消失。淡出完成后，元素将隐藏。所以，当你移动鼠标时，一个mouseout事件被注册，并且它会消失

尝试使用.animate{opacity:0}，600；，和.动画{opacity:1}，600；等等。

您应该使用mouseenter和mouseleave功能。每次鼠标进入或离开元素时，mouseover都会触发

---

检查鼠标悬停，看看它为什么不是正确的事件。

尝试用鼠标悬停替换鼠标悬停，在鼠标悬停和鼠标悬停上用鼠标悬停+1替换鼠标悬停，同时，淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡。我将使用.动画“{不透明度”：0 }，并在其中抛出.STOP调用，以防止多个动画效果更好，但是如果我开始将鼠标移动到黄色框的内部，动画将开始运行，OFI将考虑添加.Copy.动画：不透明度：0 }，600；和.stop.animate{opacity:1}，600；以及防止多个动画良好的一点。理想情况下，我只会使用CSS。这里实际上根本不需要javascript

<script>

    (function() {

        var fade = $('div.fade');

        fade.mouseover(function() {

                fade.fadeOut(500);

        });

        fade.mouseout(function() {

            fade.fadeIn(600);
        });

    })();

</script>