ajax 显示新帖子向下滑动答案

【问题标题】：ajax show new post slide downajax 显示新帖子向下滑动
【发布时间】：2011-11-22 02:17:36
【问题描述】：

我使用如下的 jquery 代码

$('form#new-post').ajaxForm({
    success:function(html){
       $('#post-list').prepend(html);
    }
 });

它会立即显示帖子，但我想要一个动画，就像向下滑动一样。

我想要一个最简单的解决方案，css3可以做到吗？

【问题讨论】：

标签： javascript jquery animation css

【解决方案1】：

如果您的 html 有一个容器 DIV，这将起作用：

$('form#new-post').ajaxForm({
    url: "mypage.html",
    success:function(html){
       var html = $(html).hide();
       $('#post-list').prepend(html);
       html.slideDown();
    }
 });

【讨论】：

【解决方案2】：

简单！您可以随意切换该动画。

$('form#new-post').ajaxForm({
    success:function(html){
       $('#post-list').hide().prepend(html).fadeIn();
    }
 });

【讨论】：