JS实现滚动歌词

JS实现滚动歌词

ID:37858175

大小:14.54 KB

页数:6页

时间:2019-06-01

JS实现滚动歌词_第1页
JS实现滚动歌词_第2页
JS实现滚动歌词_第3页
JS实现滚动歌词_第4页
JS实现滚动歌词_第5页
资源描述:

《JS实现滚动歌词》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、JS实现滚动歌词,带高亮当前歌词音乐歌词同步测试varscrollt=0;vartflag=0;//存放时间和歌词的数组的下标varlytext=newArray();//放存汉字的歌词varlytime=newArray();//存放时间vardelay=10;varline=0;varscrollh=0;functiongetLy()//取得歌词{varly="[00:00]21个人.[00:10]制作:小黑.[00:20]歌手:游鸿明.[02:02][00:24]没想到是你.

3、[00:29]看着,想着,说着失去.[02:12][00:35]想结束关系,又觉得可惜.[02:20][00:44]你红着双眼,试着,做着,想着改变.[02:30][00:54]但激情沉淀,结局更明显.[02:41][01:04]我看过温柔凋萎.[02:46][01:09]也听过诺言.[02:48][01:11]似玻璃破碎.[02:50]][01:14]我看过情人憔悴.[02:56][01:19]就好像刺猬为分离流泪.[03:00][01:23]伤心人负心人.[03:03][01:26]天下人痴情人.[03:05][01:28]

4、只要是被伤心的人喝一杯.[01:33]自已人爱别人.[01:36]什么人狠心人.[01:38]不要再等,喝醉的灵魂.[03:46][01:45]music…….[02:06]谈著想著说著失去.[03:10]自已人爱别人.[03:12]什么人狠心人.[03:15]不要再等.[03:18]喝醉的灵魂.[03:56][03:23]多情人无心人.[03:59][03:25]无情人多伤人.[04:01][03:28]只要是被伤心的人喝一杯.[04:06][03:32]有心人无缘人.[04:08][03:34]有缘人断肠人.[04:11][

5、03:37]何必再问新人换旧人.[04:20]musicagain……."returnly;}functionshow(t)//显示歌词{vardiv1=document.getElementById("lyr");//取得层document.getElementById("lyr").innerHTML="";//每次调用清空以前的一次if(t

6、me[k+1]){scrollh=k*25;//让当前的滚动条的顶部改变一行的高度div1.innerHTML+=""+lytext[k]+"
";}elseif(t";}}else//加上数组的最后一个{for(varj=0;j

7、lytext[j]+"
";div1.innerHTML+=""+lytext[lytext.length-1]+"
";}}functionscrollBar()//设置滚动条的滚动{if(document.getElementById("lyr").scrollTop<=scrollh)document.getElementById("lyr").scrollTop+=1;if(document.getElementById(

8、"lyr").scrollTop>=scrollh+50)document.getElementById("lyr").scrollTop-=1;window.setTimeout("scrollBar()",delay);}functiongetReady()

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。