使用jquery幻灯片滚动条从左向右移动文本

我有这个滚动文本的脚本

window.requestAnimationFrame = (function(){
            return  window.requestAnimationFrame       ||
                    window.webkitRequestAnimationFrame ||
                    window.mozRequestAnimationFrame    ||
                    function( callback ){
                        window.setTimeout(callback, 1000 / 60);
                    };
        })();

        var speed = 6000;
        (function currencySlide(){
            var currencyPairWidth = $('.slideItem:first-child').outerWidth();
            $(".slideContainer").animate({marginLeft:-currencyPairWidth},speed, 'linear', function(){
                $(this).css({marginLeft:0}).find("li:last").after($(this).find("li:first"));
            });
            requestAnimationFrame(currencySlide);
        })();

HTML

<div class='slider'>
            <div class="edge"></div>
            <ul class="slideContainer" id="money_start">
            <li class="slideItem">
             <span>Vestibulum ante ipsum primis in faucibus orci luctus</span>
            </li>
            </ul>
        </div>

吕库斯蜥蜴同侧前庭

问题：它是从右向左滚动文本，但我想从左向右滚动文本。

---

帮我找到最好的解决办法。

你是说像这样？这似乎更容易

$（'.slideItem'）。设置动画（{right:0}，1000）；
$（'.slideItem'）。设置动画（{left:0}，1000）
.slideItem{
位置：绝对位置；
}

文本
更改了几行，动画从左到右进行（如您所要求的）


window.requestAnimationFrame=（函数（）{
return window.requestAnimationFrame||
window.webkitRequestAnimationFrame||
window.mozRequestAnimationFrame||
函数（回调）{
设置超时（回调，1000/60）；
};
})();
无功转速=600；
（函数currencylide（）{
var currencyPairWidth=$（'.slideItem:first child'）.outerWidth（）；
$（.slideContainer”）.css（“marginLeft”，-currencyPairWidth+500）；//添加了此行
$（“.slideContainer”）.animate（{marginLeft:75}，速度，'linear'）；
requestAnimationFrame（当前幻灯片）；
})();


Luccus或faucibus的同侧前庭


无法可视化，请发布相应的htmlI添加相应的html。此代码只需从左向右移动，我需要不断地像marque一样，但没有间隙。你能分享JSFIDLE或plunker吗？