来请教一下向上滚动公告的实现原理

http://www.ouku.com/

这里有演示 公告部分很平常

有意思的是LOGO部分的滚动图片 3条 滚动到最上边之后 向下滚 之后再向上滚 并且有震动的效果

设置外容器position:relative;
设置外容器的固定高度，并设置over-flow:hidden;
设置内容器position:relative;
通过jQuery的动画改变内容器的top值为负值，一般单行滚动设置为top变化到单倍的行高负值
在动画的callback中，把已经上移出去的行（首行）移动到内容器的底部，同时将top值改变为0
到此动画完成。

另外动画由定时时函数调用，也就是会不停的进行，如果需要，可以给容器加上hover事件，in的时候clear时间函数，out的时候恢复时间函数的执行。

大概就是这个样子了，taskcn.com页面上有很多这样的东西，需要自己去看吧，思路就是上述的。

至于LOGO的那个，不过是将动画的callback内容增加了而已，往复则可以加判断进行，原理明白了随你折腾：）

多谢 一会去试试