.animate 되는 시간을 점차 늘리기

var d = 1000;
$('#menu span').each(function() {
    $(this).stop().animate({
        'top': '-17px'
    }, d += 250);
});

#menu의 span을 선택한 뒤 각각 animate를 적용하고있다.

그런데 여기서 animate duration 값에 d += 250 을 주었다.

이는 duration 매개변수의 수식이 일단 계산되고, 그 다음 값을 적용시키는데

맨 처음엔 1250ms, 그다음 엘리먼트에는 1500ms, 그 다음 엘리먼트에는 1750ms ... 이런식으로 지연을 줌으로써

엘리먼트들이 동시에 효과가 적용되는것이 아니라 각각 250ms씩 속도가 지연되면서 계단식으로 효과가

보이는 효과를 줄 수 있다.