Как прокрутить <li>при добавлении его в группу <li>

Question

У меня есть контейнер Div, который содержит 4 <li>

что я делаю, это добавляю <li> в <ul> и удаляем последние <li>

Я сделал это довольно легко, используя

$('#news-ul li:last').remove()
$('#news-ul').prepend(str);  //str contains a <li>

Я хочу иметь эффект прокрутки, когда <li> предшествует. Как этого добиться. Пожалуйста, помогите мне, любая помощь будет оценена.

Answer 1

Вы можете взглянуть на

jQuery.ScrollTo плагин

Answer 2

Я не уверен, что понимаю вас правильно, но если я это сделаю, я сначала создам новый элемент:

var newEle = $(str);

Затем добавьте его, скройте и оживите

$('#news-ul').prepend(newEle);
$(newEle).hide().slideDown();

Надеюсь, это поможет.

Редактировать, больше кода:

Взгляните на http://api.jquery.com/category/effects/ Если бы я воссоздал эффект твиттера, то этовероятно, будет:

$('#news-ul').prepend(newEle);
$(newEle).fadeTo(0,0.01,function(){
    $(this).hide().slideDown('normal',function(){
        $(this).fadeIn();
    });
});

Краткое описание, сначала мы добавляем элемент, как и раньше, затем постепенно уменьшаем его до 1% непрозрачности за 0 секунд (при 0 непрозрачности он не имеет высоты), затем, когда мыМы знаем, что он исчез, мы выполняем обратный вызов, полностью скрывая элемент, выполняя слайд-шоу с нормальной скоростью, когда мы закончим скольжение, мы запускаем еще один обратный вызов, постепенно его исчезающий.код не проверен, используйте на свой страх и риск ^^