jQuery的。很酷的滑动效果

Question

Here您可以看到Price Watch块（或全球贸易更新）。价格随着幻灯片效应而变化。有什么样的功能可以在jQuery中实现这个效果？

Answer 1

正在使用：

<ul id="sliding">
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>

和

jQuery('sliding').animate({top:'-=20px'});

Answer 2

如果你想要一个漂亮的实现，请查看插件：Totem - an animated vertical ticker。

如果您正在寻找代码灵感来复制功能，那么source就在Github上。

Answer 3

看起来像slideUp()和slideDown()。

然而我觉得很烦人。

但是嘿，这完全是品味问题：D

Answer 4

也许像

<ul class="slide">
    <li class="currentSlide"></li>
    <li></li>
    <li></li>
</ul>

// every few seconds:
$('#slide').find('.currentSlide').first().removeClass('currentSlide').slideUp().next().slideDown().addClass('currentSlide');