JavaScript实现一行文字水平滚动

可以使用CSS3的动画实现水平滚动效果。具体实现方法如下：

HTML代码：

<div class="scroll-text">
    <span>这是要滚动的文字内容</span>
</div>

CSS代码：

.scroll-text {
    overflow: hidden;
    white-space: nowrap;
}

.scroll-text span {
    display: inline-block;
    animation: scroll 10s linear infinite;
    /* 设置动画时长为10秒，线性匀速运动，无限循环 */
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
    /* 从0%到100%时，逐渐向左移动100%的距离 */
}

该CSS代码使用了动画属性`animation`，并定义了一个名为`scroll`的动画，其中`transform`属性用于实现移动效果。最后，将该动画应用到了需要滚动的文字所在的`span`标签上。