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() вместо.