检测用户是否在jQuery中徘徊了一段时间

Question

我正在使用这个动画jQuery代码：

                $('.tabs').hover(
                    function(){
                        $('#tabs-wrap').animate({marginTop: '+=147'}, 500);
                        $('.tabs li a').delay(250).animate({height: '150'}, 500);
                    },
                    function(){
                        $('.tabs li a').animate({height: '40'}, 500);
                        $('#tabs-wrap').delay(250).animate({marginTop: '-=147'}, 500);
                    }
                );  

但是，如果用户将鼠标悬停一段时间（如果他们只是轻扫鼠标而不是故意激活鼠标，则停止效果），是否可以开始设置动画？

谢谢！

Answer 1

查看hoverIntent插件，基本上它使用setTimeout在x毫秒后调用该函数，如果用户将鼠标移出则取消超时。