Javascript 我的跨度比别人大

我有一个动画与几个跨度，我希望他们都是分开的，可以完全阅读

window.horizontalScroller=函数（$elem）{
var left=parseInt（$elem.css（“left”）；
var temp=-1*$（“#水平滚动器>div”）.height（）；
如果（左<温度）{
左=$（“#水平滚动条”）.height（）
$elem.css（“左”，左）；
}
$elem.animate({
左：（parseInt（左）-60）
}，11000，函数（）{
window.horizontalScroller（$（此））
});
}
$（文档）.ready（函数（）{
var i=0；
$（“#horizontalScroller>span”）。每个（函数（）{
$（this.css（“左”，i）；
i+=60；
window.horizontalScroller（$（this））；
});
});
#水平滚动条{
位置：绝对位置；
宽度：300px；
高度：300px；
边框：1px纯红；
溢出：隐藏；
}
#水平滚动条>跨度{
位置：绝对位置；
边框：1px纯蓝色；
显示：内联块；
背景：红色；
}

100个字符
110个字符
120个字符
130个字符
140个字符
150个字符
尝试更新您的
$（文档）。准备好如下所示：

$(document).ready(function() {
    var i = 0;
    $("#horizontalScroller > span").each(function () {
          $(this).css("left", i);
          i += 100;
          window.horizontalScroller($(this));
    });
});

尝试更新您的
$（文档）。准备好如下所示：

$(document).ready(function() {
    var i = 0;
    $("#horizontalScroller > span").each(function () {
          $(this).css("left", i);
          i += 100;
          window.horizontalScroller($(this));
    });
});

如果只想将它们分开，则只需增加
i
：

$(document).ready(function() {
    var i = 0;
    $("#horizontalScroller > span").each(function () {
        $(this).css("left", i);
        i += 110;
        window.horizontalScroller($(this));
    });
});

但是整个动画在一段时间后会中断，因此我建议使用不同的方法或进行一些重大优化。
如果您只想将它们分开，则可以增加
I
：

$(document).ready(function() {
    var i = 0;
    $("#horizontalScroller > span").each(function () {
        $(this).css("left", i);
        i += 110;
        window.horizontalScroller($(this));
    });
});

但一段时间后整个动画都会中断，因此我建议采用不同的方法或进行一些重大优化。
“我希望将它们全部分离”-“分离”是什么意思？在不同的线路上？或者在它们之间有水平空间？还是希望每个跨距都保持在原来的位置，并在其中滚动文本？或者…？空间在。。。“我希望他们都分开”-你说的“分开”是什么意思？在不同的线路上？或者在它们之间有水平空间？还是希望每个跨距都保持在原来的位置，并在其中滚动文本？或者…？空间在。。。