且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

使用jquery,如何动画添加新的列表项到列表?

更新时间:2023-12-05 15:04:58

如果你想在同一时间添加它并向下滑动这个:

If you wanted it to be added and slide down at the same time do this:

function prependListItem(listName, listItemHTML){
    $(listItemHTML).hide().prependTo('#' + listName).slideDown('slow');
}

要真正做到你所描述的(向下滑动,然后淡入),你需要这样的东西:

To truly do exactly what you described (slide down, then fade in), you would need something like this:

function prependListItem(listName, listItemHTML){
    $(listItemHTML)
        .hide()
        .css('opacity',0.0)
        .prependTo('#' + listName)
        .slideDown('slow')
        .animate({opacity: 1.0})
}