JavaScript如何滚动显示歌词呢?

JavaScript06

JavaScript如何滚动显示歌词呢?,第1张

第一步:将你所有的歌词放在一个层里面,每句有相等的间隔,但是层的高度设置为你想显示的那么高,溢出设置隐藏,设置为绝对定位

第二步:设置动画:让歌词的层每次间隔一定的时间向上运动setInterval函数,还可以设置透明度渐变

第三步:判断是否到达末尾然后再重头开始实现循环

把歌词放在

<ul>

<li>lrc</li>

</ul>

这里

改变ul的top或者margin-top就可以实现滚动了,当然ul的父元素

设置

overflow:hidden

height:

等因素

看我做的音乐播放器