2018-04-07播放页面优化2

图片可以较好的叠加在一起

#imgcp{
    padding-top:35px ;
}
#imga{
    position: absolute;
    width: 50%;
    top:25%;
    left:25%;
}

当前歌词高亮,以及歌词滚动

function geciScroll () {
    for(let i=0;i<time.length;i++){
      if(v.currentTime>=transTime(i)-0.5&&v.currentTime<transTime(i+1)-0.5){            
          line=i//-1;
          $(".currentgeci").removeClass("currentgeci");
          $("#geci").find("li").eq(line).addClass("currentgeci");        
        }
    }
  var a=$(".currentgeci").offset();
  if(a.top>($("#geci").offset().top+205)){
    $("#geci").scrollTop(a.top-$("#geci").find("li").eq(0).offset().top-195);
  }
}
//添加音乐播放时间变化事件
v.addEventListener("timeupdate",geciScroll);