2012-03-22 9 views
0

プラグインを使わずにテキスト項目のリストを常にスクロールするには、非常に単純なjQueryが必要です。私はこれはおそらくかなりシンプルだと知っていますが、私が使用できる例は見つけられず、私はすでに仕事でそれに多くの時間を費やしています。div内のテキストを常時スクロール

マウスのホバーまたはボタンのクリックによってパラメータを変更する必要がないため、すべてがdocument.ready内で実行され、再度触れられることはありません。私の唯一の要求は、理想的には、それは絶えず繰り返されるべきであるということです。

+0

私はここに例が見つかりました:http://www.sitepoint.com/forums/showthread.php?727088-Jquery-scroll-some-text-inside-a-div-with私が使用しているCMSで正常に機能していたオーバーフロー。一番下のリンクとマウスのホバーイベントを使用してテキストをアニメートする関数を呼び出しました。これは完全に動作するように見えましたが、document.readyに転送しようとしたときに再び動作させることができませんでした。 – Darren

答えて

4

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

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

} 

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

循環されるdiv sの容器である#cyclerで。 See demo.

+0

ありがとう、ありがとう、ありがとう、ありがとう! – Darren

1

動作する基本的なコードが、下で停止:私はあなたが「常にループ」によって何を意味するかわからないんだけど

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

http://jsfiddle.net/55AY2/

。要するに

+0

これは素晴らしいです。ありがとう。 – gegillam

関連する問題