jQuery实现单行文字间歇无缝向上滚动效果 - Web前端

用jQuery实现四个方向的滚动代码，搜索下，发现各式各样的都有，我自己也总结了下，分享一个通用的向上滚动代码，间歇向上无缝滚动。如果你想实现向其他三个方向滚动，直接可以改代码即可，这里就不啰嗦了。直接进入干货环节。

JS代码：

function Autoscroll(obj) {
    $(obj).find("ul:first").Animate({
        marginTop: "-25px"
    }, 500, function () {
        $(this).CSS({ margintop:"0px" }).find("li:first").appendTo(this);
    });
}
$(function (){
    SetInterval('AutoScroll("#scrollCom")', 4000);
});

html代码：

<div id="scrollCom" class="flt-ulist dn flt-mo">
    <ul>
        <li>1、2月份以来，金价已从最低1122涨到最高1263，每日均有行情。</li>
        <li>2、机构预测黄金将是2016年超级英雄，金价有望升至1400美元。</li>
    </ul>
</div>

如果你有什么问题可以 留言给我。