javascript - シンプルな左右スクロール マーキー

Question

最も軽い左右スクロール マーキーは?

「バウンス」した方がいいと思います...つまり、ループを回るよりも、すべてが表示されるまで左にスクロールしてから右にスクロールする方がよいでしょう。

ちょっとレトロなのは知っています... テキストを切り詰める代わりに使用することを考えています。

ありがとう。

Answer 1

シルキー スムース マーキーをお勧めします。

標準の html マーキー タグを使用するため、javascript を有効にしなくても機能します。ただし、javascript を有効にすると、jquery を使用してマーキーを拡張し、多くのカスタマイズ オプションを提供します。

デモページはこちらです。

Answer 2

jqueryといくつかのcssを使用すると、これを非常に簡単に実行できるはずです。

// HTML 
<div id="myWrapperID" style="width: 300px;">
<div id="myElementID" style="float:left">[Lorem ipsum]</div>
</div>


// JS
(function (){
var ml,
    elem = $('#myElementID'),
    maxMarginLeft = $('#myWrapperID').width() - elem.width(),
    doMarquee = function () {
        ml = parseInt(elem.css('marginLeft'), 10) === 0 ? maxMarginLeft : 0;
        elem.animate({ marginLeft: ml + 'px' }, doMarquee);
    }

elem.css('marginLeft', '0px');
    doMarquee();    
}());