Простая левая и правая прокрутка

Question

Какой самый левый-правый шатер прокрутки вокруг?

Я бы предпочел, чтобы он «подпрыгивал» ... под этим я подразумеваю, вместо того, чтобы ходить по кругу, было бы лучше, чтобы он прокручивался влево, пока все не было показано, а затем прокручивался вправо.

Я знаю, что это своего рода ретро ... Я думаю использовать его вместо усечения текста.

Спасибо.

Answer 1

Я предлагаю Шелковистый Гладкий Шатер .

Он использует стандартный тег html marquee, поэтому будет работать без включенного 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();    
}());