不断在div中滚动文本

Question

我需要一个非常简单的jQuery来不断滚动文本项列表而不使用插件。我知道这可能相当简单，但我找不到一个我可以使用的例子，而且我已经在工作上花了太多时间。

鼠标悬停或按钮点击不需要更改任何参数，因此一切都可以在document.ready中运行，永远不会再次触及。我唯一的要求是，理想情况下，它应该不断循环。

Answer 1

简而言之：

function cycle($item, $cycler){
    setTimeout(cycle, 2000, $item.next(), $cycler);

    $item.slideUp(1000,function(){
        $item.appendTo($cycler).show();        
    });

}

cycle($('#cycler div:first'),  $('#cycler'));

#cycler是要循环的div s的容器。 See demo.

Answer 2

刚刚为此编写了一个jquery插件。

$('.scrolling-div').rollup({speed:2000});

http://jsfiddle.net/hmPPe/5/

Answer 3

基本代码可以使用，但停在底部：

setInterval(function() {
    var $c = $('#container');
        $c.scrollTop($c.scrollTop() + 1)
}, 100);​

http://jsfiddle.net/55AY2/

我不确定你的意思是“不断循环”。