Jquery 悬停时不要衰减

当没有鼠标移动时，此脚本将淡出div“#box1”。我试图在光标位于div“#box1”上时使其不褪色，并在div之外没有鼠标移动时继续褪色。我尝试了mouseover（）的if/else语句，但似乎无法使其正常工作

有人能告诉我该如何解决我的愚蠢问题吗

多谢各位

$(function () {
    var timer;
    var fadeInBuffer = false;
    $(document).mousemove(function () {
        if (!fadeInBuffer) {
            if (timer) {
                console.log("clearTimer");
                clearTimeout(timer);
                timer = 0;
            }

            console.log("fadeIn");
            $('#box1').fadeIn();
            $('html').css({
                cursor: ''
            });
        } else {
            fadeInBuffer = false;
        }


        timer = setTimeout(function () {
            console.log("fadeout");
            $('#box1').fadeOut()
            $('html').css({
                cursor: 'none'
            });
            fadeInBuffer = true;
        }, 1500)
    });
});

试试这个： 这里是fiddle链接：jsfiddle.net/b04jsmkf

增加：

if (!$('#box1').is(':hover')) {

完整功能：

        $(function () {
            var timer;
            var fadeInBuffer = false;
            $(document).mousemove(function () {
                if (!fadeInBuffer) {
                    if (timer) {
                        console.log("clearTimer");
                        clearTimeout(timer);
                        timer = 0;
                    }

                        console.log("fadeIn");
                    $('#box1').fadeIn();
                    $('html').css({
                        cursor: ''
                    });
                } else {
                    fadeInBuffer = false;
                }


                timer = setTimeout(function () {
                    console.log("fadeout");
                    if (!$('#box1').is(':hover')) {
                        $('#box1').fadeOut()
                        $('html').css({
                            cursor: 'none'
                        });
                        fadeInBuffer = true;
                    }
                }, 1500)
            });
        });

试试这个： 这里是fiddle链接：jsfiddle.net/b04jsmkf

增加：

if (!$('#box1').is(':hover')) {

完整功能：

        $(function () {
            var timer;
            var fadeInBuffer = false;
            $(document).mousemove(function () {
                if (!fadeInBuffer) {
                    if (timer) {
                        console.log("clearTimer");
                        clearTimeout(timer);
                        timer = 0;
                    }

                        console.log("fadeIn");
                    $('#box1').fadeIn();
                    $('html').css({
                        cursor: ''
                    });
                } else {
                    fadeInBuffer = false;
                }


                timer = setTimeout(function () {
                    console.log("fadeout");
                    if (!$('#box1').is(':hover')) {
                        $('#box1').fadeOut()
                        $('html').css({
                            cursor: 'none'
                        });
                        fadeInBuffer = true;
                    }
                }, 1500)
            });
        });

---

修正了，只添加了一个mousemove复选框

---

修正了，只添加了一个mousemove复选框

---

再次抱歉。。你有一个div。。鼠标上的div保持正常，就像加载一样，如果鼠标消失，则div消失正确？再次抱歉。。你有一个div。。在mouseover div上保持正常，就像在加载一样，如果mouseout，那么div fadeout正确吗？Aram打败了我，我正要发布这把小提琴：@Aram，你有小提琴吗？我爱你。用我所有的生命，阿拉姆打败了我，我正要贴这把小提琴：@Aram，你有小提琴吗？我爱你。用我所有的生命。