jquery - 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()改用。