三行文字行向上循环滚动只滚动一行多行移动

新建html文档。

书写hmtl代码。

书写css代码。body, div, p, ul, table, li { margin: 0; padding: 0; }ul li { list-style: none; }#FontScroll { width: 500px; height: 90px; line-height: 30px; border: 1px solid green; overflow: Hidden; padding: 5px 0; margin: 0 auto; }#FontScroll .line { text-align: center; width: 100%; }#FontScroll .fontColor a { color: red; }

书写并添加js代码。

书写fontscroll.js代码。

代码整体结构。

查看效果。