javascript - 简单的左右滚动选框

Question

最轻的左右滚动选框是什么？

如果它“弹跳”，我更愿意……我的意思是，与其在循环中四处走动，不如向左滚动直到全部显示，然后向右滚动。

我知道它有点复古......我正在考虑使用它而不是截断文本。

谢谢。

Answer 1

我建议使用Silky Smooth Marquee。

它使用标准的 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();    
}());