jquery animate 通告栏动画

<div style="overflow: hidden">
    <div id="scrolling" style="white-space:nowrap;">
        <span style="margin-right: 30px;">安徽省 蚌埠市 蚌山区 安徽财经大学（龙湖东校区）</span>
        <span style="margin-right: 30px;">安徽省 蚌埠市 蚌山区 安徽财经大学（龙湖东校区）</span>
    </div>
</div>

<script>
    var nowLeft = 0;
    marquee();
    function marquee() {
        nowLeft--;
        $('#scrolling').animate({ marginLeft: nowLeft }, 16, 'linear', function () {
            if ($(this).children('span').eq(0).outerWidth(true) === -nowLeft) {
                this.marginLeft = '4px';
                nowLeft = 4;
            }
            marquee();
        });
    }
</script>

思路就是 在后面复制一个出来 滚动到一半的时候在重头开始

4 是因为空格宽度为4px