Div с автоматической прокруткой с JQuery (как Foursquare Feed)

Поэтому я вызываю записи с помощью JQuery, когда страница загружается следующим образом:

$.ajax(
        {
            type: "POST",
            url: "<%= Url.Action("GetRecords", "Home") %>",
            data: sessioninfo,
            success: function(data){
                // data == the divs
              }
        });

Возвращаемые данные могут представлять собой любое количество элементов из

(0 или более).

У меня есть

тоже на моей странице. Я хочу разместить сразу после вызова AJAX 8 элементов
, которые возвращаются из вызова, в контейнер , или столько, сколько их будет, если меньше 8 .

После этого каждые 5 секунд (я могу сделать это, установив интервал в Javascript), я хочу показывать следующий, выдвигая самый нижний div из контейнера . , и следующий в списке сдвинется вверх (он же Foursquare.com). Если больше нечего отображать, он сделает еще один вызов AJAX, чтобы получить больше, а если доступно больше, он выскочит снизу,

Вот мои основные вопросы.

Как мне сделать эту анимацию с помощью JQuery? Кроме того, где мне хранить элементы

, которые изначально не подходят (если возвращается более 8)? Я предполагаю, что это также будет место для хранения тех, которые вернулись из второго вызова AJAX, если мне нужно сделать еще один вызов.

EDIT : Самый нижний

должен выдвигаться из контейнера , только если он не помещается полностью, в противном случае он должен просто скользить вниз. Это произойдет, если в контейнере меньше 8
элементов.

Спасибо, ребята!

6
задан balexandre 17 May 2011 в 21:27
поделиться