简单的左向右滚动字幕

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();    
}());