如果焦点功能

Question

我试图隐藏一只蜜蜂，而它的运动尚未完成，如果它是聚焦的

这是蜜蜂，最初隐藏在云层之外并且没有看到，并且在最初的4秒内它从云中上升，然后在4秒内向右移动，然后在0.3秒内下降，就像它的隐藏一样，然后到达它的原点以外的云，并在20秒内重复功能。但我想，虽然这些动作，如果它是聚焦的，我想要蜜蜂隐藏，我的意思是在0.3秒内下降，然后它会在20秒后再次出现。

    var bee5 = function() {
    $("#bee5").animate({"top": "-50px"}, 3000, function() { 
        $(this).animate({"left": "130px"}, 700,function() { 
            $(this).animate({"left": "110px"}, 800, function() { 
                $(this).animate({"left": "125px"}, 700, function() { 
                    $(this).animate({"left": "115px"}, 800, function() { 
                        $(this).animate({"left": "130px"}, 1000, function() { 
                            $(this).animate({"left": "110px"}, 900, function() { 
                                $(this).animate({"left": "120px"}, 800, function() { 
                                    $(this).animate({"top": "-10px"}, 250)
                                })
                            })
                        })
                    })
                })
            })
        })
    })
    $('#bee5').mouseover(function() {
        $(this).animate({"top": "-10px"}, 250)
    });
    setTimeout(bee5, 15000);
}

这里是css：bee5原点

#bee5 { position:absolute; top:-10px; left:120px; z-index:0; }

Answer 1

如果您想在指针位于项目上方时执行动画，则应使用mouseover代替focus，请参阅this fiddle。

如果是表单输入，则可以使用blur。