把歌词放在
<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函数,还可以设置透明度渐变
第三步:判断是否到达末尾然后再重头开始实现循环