简单的左右滚动选框

Question

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

我更愿意，如果它“反弹”......我的意思是，而不是绕过一个循环，向左滚动直到它全部显示然后向右滚动会更好。

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

感谢。

Answer 1

我建议使用Silky Smooth Marquee。

它使用标准的html marquee标记，因此无需启用javascript即可使用。但是，启用javascript后，它使用jquery来增强选取框并提供许多自定义选项。

这是demo page。

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