如何制作实时jquery效果？

我想制作一个实时提要阅读器，并且我想要一个解决方案，使新项目无需刷新页面即可出现，并且具有像friendfeed一样的滚动效果。

你可以在这里看到我在说什么：http://www.vimeo.com/4029954 http://www.vimeo.com/4029954

我只想要一个可以用新的 DIV 内容调用的函数，然后它在以前的 DIV 之上创建它并具有效果。

注意：我已经有了ajax和settimeout函数，意味着我有要添加的新提要内容，所以我正在寻找的是添加具有滚动效果的新div的效果和函数！

Thanks

我想你可能正在寻找比slideDown()影响。这不太正确，因为它只是增加了对象的高度，而不是使其看起来“滚动”到视图中。查看show()来自 jQuery UI 的效果。http://jqueryui.com/demos/show/#option-effect http://jqueryui.com/demos/show/#option-effect我想如果你给它垂直滑动的选项，“滑动”效果会很合适。 “Drop”效果听起来不错，但当我尝试时，我得到了与“slide”相同的效果。也许这是目前演示站点中的一个错误。

您可能还有兴趣使用animate()动画化的方法top元素的属性，以便您可以将其“滚动”到视图中。你需要有一个容器overflow: hidden和一套height and width with position: relative放。然后，一个内容器position: absolute然后你可以将其动画化top的性质与jQuery.animate().

var $items = $("#scroller .inner *");
$('#scroller .inner').animate({
    top: '-' + Math.round( $items.length * $items.eq(0).outerHeight(true) ) + 'px'
  });

请注意，如果您知道每个内部元素有多少像素高，则可以替换$items.eq(0).outerHeight(true)与已知高度的整数值。