jquery - 如何在没有插件的情况下使用 .hover() 设置色移延迟？

Question

我的导航上有一个悬停事件，如下所示：

$('#floatingNav a').hover( function() {

  $(this).css({'background-color': '#f00'}),

  $(this).delay(300).css({'background-color': '#c00'})},

  mouseOffFunction() 
}

我只需要它闪烁到#f00 片刻，然后将其恢复为原始颜色，但它会显示原始颜色而不转换为#f00。

我是否正确使用延迟（）？我已经以不同的方式对其进行了调整，但无法让该项目同时显示两种颜色。

我见过人们引用hoverIntent，但我觉得这可以在没有插件的情况下完成。

建议？

Answer 1

我认为这是因为您的delay()方法没有效果。的文档delay()说只有使用效果队列的方法可以延迟，我假设css()不会。这里还有更多内容：http: //api.jquery.com/delay/。