javascript - 如何在将 <li> 附加到 <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

我不确定我是否理解对了，但如果是的话，我会首先创建一个新元素:

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 不透明度时它没有高度)，然后，当我们知道它淡出时，我们发出回调，隐藏元素完全，以正常速度发出 slidedown，滑动完成后，我们发出另一个回调使其淡入。

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