今天有空，我想写点什么。 然后我打算听歌，写播放器。
于是用添加了h5 audio的简单播放器完成了。
欢迎改善信息。
示威的地方跳到示威的地方
html代码如下`！ doctypehtmlhtmlheadtitlemusic/titlemetacharset=' utf-8 ' link rel=' style sheet ' type=' text/CSS ' href=' music.headbodydivid=loveaudiosrc=' ' controls class=' music '/audioulclass=' mlist ' Li class '此处
* {边距： 0； padding: 0； 文本解码： none； list-style: none； }#love{position: relative； height: 250px； width: 300px； border : 3px固态黑； border-radius: 10%； ack ground-image 3360 URL (demo.jpg )； 备份大小： cover； }.play{color: white； background-color: #87CEFA； 边距：0 6px； }#love .mlist{margin:10px； background-color : rgba (1，1，1，0.5 )； height: 165px； border-radius: 5px； } # love ulli { line-height :30 px； 文本照明3360中心； cursor:pointer； border-radius: 4px； } # love ulli : hover { line-height :45 px； 文本照明3360中心； cursor:pointer； 边距：0 5px； background-color: #F0F8FF； border-radius:6px； (接下来是js
你的点赞是我最大的动力。 萌萌哒前进中。
然后，他说让我写歌词的滚动。 额歌词的滚动本来想用ajax，但是找到了自己不够的追加歌词滚动的链接。 3359 blog.csdn.net/QQ _ 44210563/article/details/104077613 varmusicnode=document.getelementsbyclassname (var mlled var lis=document.getelementsbytagname (Li )； var len=lis.length； var musicsrc=[ ]； //此数组是用于放入歌曲列表的url。 详情请参阅我的网页demo musicNode.src=musicsrc[0]； for(varI=0； i len； I ) ) /单击以更改play music (function (I ) ) { lis[i].onclick=function ) (musicnode.src=musicsrc ) I )； musicNode.load (； musicNode.play (； for(varj=0； j len； j({lis[j].classname=' ' )； } this.className='play '； } () (I )； } musicNode.onended=function ()//音乐播放后自动播放下一首歌曲var ended=getPlay )； if(ended==Len-1 ) ) /如果是最后一首歌则为第一首歌musicNode.src=musicsrc[0]； lis [0].class name=' play ' lis [ ended ].class name=' '； musicNode.load (； musicNode.play (； } else { music node.src=music src [ ended1]； lis[ended 1].className='play '； lis[ended].className=' '； musicNode.load (； musicNode.play (； } }获取正在播放} }function getPlay () music的生命周期(varI=0； i len； I () if ) lis[I].getattribute('class ' )=='play ' ) { return i } }}