动态歌单怎么写

html-css07

动态歌单怎么写,第1张

可以利用JavaScript生成动态添加歌单,步骤如下:

1.首先先生成一个简单的歌单页面,HTML代码。

2.只有HTML的代码,页面就很简约,所以我们添加点CSS代码,让页面稍微不那么简约。

3.一个基本的歌单页面就这样生成了,那么接下来就是要写JS的部分了,首先我们捋一下我们需要的效果:在搜索栏中输入歌曲名字,点击“添加歌曲”按钮,在歌单中自动生成歌名,如果没有在搜索栏中添加歌名,点击“添加歌曲”按钮,则会出现“没有输入歌名”。

模仿 QQ 音乐网页版界面,采用 flexbox 和 position 布局

仓库名称 :Vue-mmPlayer

标星(star) :818 (新进项目,趋势不错哦,潜力股项目)

标星趋势

拷贝(fork) :229

贡献人数 :1 (一枝独秀,独孤求败,也许有你的加入,项目可以走得更远)

仓库大小 :16 MB

主要开发语言:Vue

语言分布:Vue:66.92%、JavaScript:21.75%、HTML:7.42%、CSS:3.91%

代码提交周期分布

2星

mmPlayer V1.6.0(2019.08.26)启动 2.0 版本

展开查看

PC端界面自我感觉还行, 就是移动端界面总觉得怪怪的,奈何审美有限,所以又去整了高仿网易云的 React 版本(如果小哥哥、小姐姐们有好看的界面,欢迎交流哈)

PC

正在播放

排行榜

搜索

我的歌单

我听过的

歌曲评论

移动端

https://github.com/maomao1996/Vue-mmPlayer

程序员新视界:分享有趣、有料的程序员话题,每天进步一点点。

周杰伦的第八张专辑《我很忙》的歌单如下:

牛仔很忙

彩虹

青花瓷

阳光宅男

蒲公英的约定

无双

我不配

甜甜的

最长的电影

http://baike.baidu.com/link?url=JEJQdKhSOOETru_JxpCD81q4qKweb_HgTgKXOEsxrF3gxMY6GopDdIS51DgxqzZvREUq0J33JjcssPB-I1NBF8LJwlRHvRfVZfalg-0mbC_