jquery css backgroundposition动画延迟

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()。