jquery css背景位置动画延迟

Question

这有效：

$("#header li a").hover(
        function(){
            $(this).fadeOut().delay(2000).fadeIn();
        },
        function(){
        }
    );

这不是：

$("#header li a").hover(
        function(){
            $(this).css("background-position","center 0").delay(500).css("background-position","center -76px").delay(500).css("background-position","center -152px");
        },
        function(){
        }
    );

为什么呢？ 只显示最后一个css值（中心-152px）。

Answer 1

delay()适用于队列（通常是动画），而不是任意函数。您应该使用setTimeout()代替。