jQuery div在更新时向下滑动

Question

我的代码在这里检查我的图像表上是否有新帖子。

当我有一个新帖子和我的时间戳更改时，我想要一个div滑下来说有新的更新， 就像在这张图片中一样：

setInterval('checkForUpdates', 30000);
var lastTime = (new Date()).getTime();
function checkForUpdates() {
   $.get('image.php?timestamp=' . lastTime
      , function (results) {
         if (results) { /* fade into dom */ }
      }
   );
   lastTime = (new Date()).getTime();
}

Answer 1

你试过使用下滑功能吗？ http://api.jquery.com/slideDown/ 或者从0 jQuery animate height

设置动画高度

Answer 2

//add the div with the new post text
$("the conatiner id").prepend("<div class = 'new-post' style = 'width: 100%; height = 20px;'> A new post has been added </div>");
//make it slide down
$("the container id").find(".new-post:last").slideDown("fast");