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

JavaScript010

在JavaScript或者jQuery中怎么实现让歌词滚动,第1张

把歌词放在

<ul>

<li>lrc</li>

</ul>

这里

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

设置

overflow:hidden

height:

等因素

看我做的音乐播放器

1、网页图片滚动一般都是网络上查找jq/js插件,引入到自己的html代码里头,或者是里头本身写好的例子,修改好数据源图片,运行调试即可

2、如果是不考虑图片首尾无缝滚动的话,你还可以使用marquee.

这个是html自带滚动标签,也可以实现鼠标移入停止,移开开始滚动等等,如下:

<marquee direction="up" onmouseover="this.stop()" onmouseout="this.start()"> <img src="xxx.jpg" /> <img src="xxx.jpg" /><img src="xxx.jpg" /><img src="xxx.jpg" />

</marquee>

具体其他更多属性用法,可以查找下这个标签的用法,

提供个参考资料:http://www.jb51.net/article/724.htm

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

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

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