如何在将<li>添加到<li> <li> </li>组中时滚动<li>

Question

我有一个包含4 <li>

的Div容器

我正在做的是将<li>添加到<ul>并删除最后<li>

我很容易使用

做到了

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

我想在<li>前置时有滚动效果。如何实现这一目标。 Plz帮助我，任何帮助将不胜感激。

Answer 1

我不确定我是否正确，但如果我是，我会先创建一个新元素：

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();
    });
});

快速描述，首先我们像以前一样添加元素，然后在0秒内淡出1％不透明度（0不透明度它没有高度），然后，当我们知道它的淡化时，我们发出回调，隐藏完全元素，以正常速度发出滑动，当完成滑动时，我们发出另一个回调淡入它。

警告：以上代码未经测试，使用风险自负^^

Answer 2

你可以看看

jQuery.ScrollTo插件