如何用JavaScript制作动态文字滚动跑马灯效果？

本文共计703个文字，预计阅读时间需要3分钟。

原文示例为：本文字例为大家分享了一个js实现文字跑马灯效果的代码，供大家参考。具体内容如下+思路：1.判断文字的长度和容器的长度，如果文字长度大于容器长度，则开始滚动，否则不滚动。

改写后的内容：js实现文字跑马灯代码示例，分享给各位。具体内容及思路：判断文字长度与容器长度，若文字过长则滚动，否则保持静止。

本文实例为大家分享了js实现文字跑马灯效果的具体代码，供大家参考，具体内容如下

思路：

1.判断文字的长度和容器的长度，如果文字长度大于容器长度，则开始滚动，否则不滚动。

2.获取滚动条到元素左边的距离,递归滚动,直到滚动后的距离等于文字的长度退出递归。

判断文字和容器的长度可以通过offsetWidth来判断。如果文字长度大于容器长度，则开始滚动。