Question

在JavaScript或者jQuery中怎么实现让歌词滚动

<script type="text/javascript" src="../jquery.js"></script>
<script type="text/javascript">
var text = $("#gec").text();//获取歌词
var textArr = text.split("[");//用"["进行分割
var html = "";
for(var i=1;i<textArr.length;i++){
var timeAndgc = textArr[i].split("]");
var time = timeAndgc[0];
var gc = timeAndgc[1];

//分割出时间
var s = time.split(".") //按照.分割出 分钟：秒，毫秒
var hs = s[1];//分割出的毫秒
var f = s[0].split(":")//按照：分割出 分钟，秒
var _ms = f[0]*60+f[1]*1;//把分钟全部换成秒

html=html+"<p id="+_ms+">"+gc+"</p>";

}
if(html){
$("#gc").html(html);
}
$("#music").get(0).play(); //打开网页页面就开始播放音乐
$("#music").get(0).addEventListener("timeupdate",function(){ //addeventlistenter 监听事件
var timer = this.currentTime;//获得播放的时间的秒数
var s = parseInt(timer);
//开始让歌词跟着播放的进度变颜色
for(var i=0;i<s;i++){
$("#"+i).css("color","red");
}
});
</script>
已经能够让歌词随着播放的进度变颜色，但是怎么才能够让歌词跟着播放而滚动呢

Answer 1

把歌词放在

<ul>

<li>lrc</li>

</ul>

这里

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

设置

overflow:hidden;

height:

等因素

看我做的音乐播放器

追问

可以留个方式嘛？我还是怎么懂，我是一个自学初学者，

追答

你可以看看百度的音乐播放器里面的歌词都是这样实现的
F12，审查元素，ul的top或者margin-top都在变