<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>KK音乐-高品质音乐平台！</title>
<link href="css/header.css" rel="stylesheet" type="text/css" />
<link href="css/index.css" rel="stylesheet" type="text/css" />
<link href="css/footer.css" rel="stylesheet" type="text/css" />
<link href="css/total.css" rel="stylesheet" type="text/css" />
<link href="css/special.css" rel="stylesheet" type="text/css" />
<link href="css/pop.css" rel="stylesheet" type="text/css" />
<link href="css/popup.css" rel="stylesheet" type="text/css" />
<link href="css/xiala.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<!-- 顶部模块 -->
<div class="inner">
<!-- top -->
<div class="top">
<!-- logo -->
<h1><img src="img/logo.png" alt="在线音乐网站" class="logo" /></h1>
<!-- 上导航栏 -->
<ul class="top_nav">
<li><a href="#">音乐馆</a></li>
<li><a href="#">我的音乐</a></li>
<li>
<a href="#">客户端</a>
<img src="img/mark_1.png" class="mark" alt="抢特权" />
</li>
<li><a href="#">开放平台</a></li>
<li><a href="#">新歌首发</a></li>
</ul>
</div>
<!-- 搜索框 -->
<div class="search">
<input class="input" type="text" placeholder="搜索音乐、MV、歌单、用户" />
<button class="btn">
<a>
<img src="img/icon2.png" width="20px" height="17px" class="search2" />
<img src="img/icon1.png" width="20px" height="17px" class="search1" />
</a>
</button>
</div>
<!-- 登录 VIP -->
<div class="option">
<a href="#" class="login" onclick="showLogin()">登录</a>
<div class="box">
<ul>
<li><a href="#" class="vip">开通VIP</a>
<ul class="box2">
<li><a href="#">绿钻</a></li>
<li><a href="#">付费包</a></li>
</ul>
</li>
</ul>
</div>
<a href="#" class="money">充值</a>
</div>
<!-- bottom -->
<div class="bottom">
<ul class="bottom_nav">
<li><a href="#"><span class="index_item">首页</span></a></li>
<li><a href="#">歌手</a></li>
<li><a href="#">新碟</a></li>
<li><a href="Ranklist.html">排行榜</a></li>
<li><a href="#">分类歌单</a></li>
<li><a href="#">电台</a></li>
<li><a href="#">MV</a></li>
<li><a href="#">数字专辑</a></li>
<li><a href="report.html">听歌报告</a></li>
</ul>
</div>
</div>
<!-- 歌单推荐 -->
<div class=" song ">
<div class="inner">
<div class="head">
<h2 class="title">歌单推荐</h2>
</div>
<div class="index_nav">
<a href="#"><span class="index_item">为你推荐</span></a>
<a href="#">经典国语</a>
<a href="#">甜蜜时刻</a>
<a href="#">苦情记忆</a>
<a href="#">官方歌单</a>
<a href="#">情歌</a>
</div>
<div class="index_body">
<ul class="tupian">
<li>
<a href="#" class="yincangdeplayer">
<img src="img/34.png" alt="">
<i class="mask"></i>
</a>
<p><a href="#">中毒trap丨让你停不下来的节奏</a></p>
<span>播放量：4089.8万</span>
</li>
<li>
<a href="#" class="yincangdeplayer">
<img src="img/33.png" alt="">
<i class="mask"></i>
</a>
<p><a href="#">周杰伦rap合集</a></p>
<span>播放量：718.0万</span>
</li>
<li>
<a href="#" class="yincangdeplayer">
<img src="img/30.png" alt="">
<i class="mask"></i>
</a>
<p><a href="#">不是花火呀|一见你就擦出了花火</a></p>
<span>播放量：971.6万</span>
</li>
<li>
<a href="#" class="yincangdeplayer">
<img src="img/31.png" alt="">
<i class="mask"></i>
</a>
<p><a href="#">8090老歌的士：带你追忆青葱年华</a></p>
<span>播放量：212.8万</span>
</li>
<li>
<a href="#" class="yincangdeplayer">
<img src="img/30.png" alt="">
<i class="mask"></i>
</a>
<p><a href="#">欧美节奏控：体验踩点的快乐吧！</a></p>
<span>播放量：952.3万</span>
</li>
</ul>
</div>
<div class="index_foot">
<a href="#"><i class="xiaoyuandian one"></i></a>
<a href="#"><i class="xiaoyuandian"></i></a>
<a href="#"><i class="xiaoyuandian"></i></a>
<a href="#"><i class="xiaoyuandian"></i></a>
</div>
</div>
</div>
<!-- 新歌首发 -->
<div class=" song new">
<div class="inner">
<div class="head">
<h2 class="title">新歌首发</h2>
</div>
<div class="index_nav">
<div class="more_button"><a href="#">播放全部</a></div>
<a href="#"><span class="index_item">最新</span></a>
<a href="#">内地</a>
<a href="#">港台</a>
<a href="#">欧美</a>
<a href="#">韩国</a>
<a href="#">日本</a>
</div>
<div class="index_body">
<ul>
<li>
<div class="item">
<a href="#" class="yincangdeplayer">
<img src="img/1.png"alt=""><i class="mask"></i></a>
<div class="content">
<h3><a href="#">借我 2020</a></h3>
<p>
<a href="#">谢春花</a> / <a href="#">满舒克</a>
</p>
</div>
<div class="time">03:46</div>
</div>
</li>
<li>
<div class="item">
<a href="#" class="yincangdeplayer">
<img src="img/2.png" alt=""><i class="mask"></i></a>
<div class="content">
<h3><a href="#">江南游记</a></h3>
<p>
<a href="#">双笙</a>
</p>
</div>
<div class="time">04:30</div>
</div>
</li>
<li>
<div class="item">
<a href="#" class="yincangdeplayer">
<img src="img/3.png" alt=""><i class="mask"></i></a>
<div class="content">
<h3><a href="#">fly《少年的你》电影片尾曲</a></h3>
<p>
<a href="#">岑宁儿</a>
</p>
</div>
<div class="time">03:52</div>
</div>
</li>
<li>
<div class="item">
<a href="#" class="yincangdeplayer">
<img src="img/4.png" alt=""><i class="mask"></i></a>
<div class="content">
<h3><a href="#">不奇不怪</a></h3>
<p>
<a href="#">熊梓淇</a>
</p>
</div>
<div class="time">03:17</div>
</div>
</li>
<li>
<div class="item">
<a href="#" class="yincangdeplayer">
<img src="img/5.png" alt=""><i class="mask"></i></a>
</a>
<div class="content">
<h3><a href="#">ICIMY</a></h3>
<p>
<a href="#">Phoebe Ryan</a>
</p>
</div>
<div class="time">03:22</div>
</div>
</li>
<li>
<div class="item">
<a href="#" class="yincangdeplayer">
<img src="img/6.png" alt=""><i class="mask"></i></a>
</a>
<div class="content">
<h3><a href="#">COLORLESS</a></h3>
<p>
<a href="#">三浦大知 (みうらだいち)</a>
</p>
</div>
<div class="time">03:16</div>
</div>
</li>
<li>
<div class="item">
<a href="#" class="yincangdeplayer">
<img src="img/7.png" alt=""><i class="mask"></i></a>
<div class="content">
<h3><a href="#">天鹅</a></h3>
<p>
<a href="#">秦昊</a> / <a href="#">欧阳娜娜</a>
</p>
</div>
<div class="time">03:08</div>
</div>
</li>
<li>
<div class="item">
<a href="#" class="yincangdeplayer">
<img src="img/8.png" alt=""><
HTML音乐网站源码.rar （101个子文件） 
RankList.css 7KB index.css 4KB popup.css 3KB header.css 3KB footer.css 3KB report.css 2KB special.css 1KB pop.css 975B total.css 605B layout.css 368B
index.html 21KB Ranklist.html 14KB report.html 2KB 20200524141338_knvpl.jpeg 46KB
20200321213500_iyoys.jpg 46KB abcdefu.jpg 27KB 青花.jpg 27KB 漠河舞厅.jpg 26KB 玫瑰少年.jpg 26KB 我不再打扰你了.jpg 22KB 千秋迭梦.jpg 21KB 四字歌.jpg 19KB 问心.jpg 19KB 两个你.jpg 18KB 两个自己.jpg 18KB bg_detail.jpg 17KB bg_detail.jpg 17KB 午夜酒馆.jpg 17KB 下潜.jpg 17KB ELEVEN.jpg 17KB 他不懂（live).jpg 17KB 羁绊.jpg 16KB 那么骄傲.jpg 15KB 想某人.jpg 14KB 氧化氢.jpg 14KB pirate.jpg 11KB th.jpg 11KB 好想抱住你.jpg 9KB HOOL_bg.jpg 6KB lunbotu.js 3KB change.js 2KB daojishi.js 930B index.js 751B 火羊瞌睡了 - 夏天的风.mp3 9.59MB
35.png 1.75MB 10.png 206KB 15.png 205KB 19.png 189KB 17.png 178KB 34.png 171KB 16.png 168KB 11.png 168KB 13.png 166KB 32.png 161KB 30.png 150KB 14.png 146KB 1.png 142KB 31.png 138KB 12.png 132KB 4.png 113KB 26.png 112KB 28.png 108KB 24.png 107KB 38.png 104KB 3.png 104KB 21.png 103KB 23.png 98KB 37.png 97KB 27.png 89KB 18.png 86KB 40.png 86KB 22.png 83KB 25.png 80KB 2.png 75KB 33.png 72KB 5.png 72KB 29.png 70KB 20.png 62KB 36.png 41KB 7.png 38KB 6.png 37KB 39.png 37KB 5.png 37KB 3.png 36KB 8.png 35KB 1.png 34KB 9.png 27KB 4.png 27KB 2.png 14KB footer.png 5KB footer.png 5KB logo.png 5KB logo.png 5KB icon1.png 3KB player.png 1KB icon2.png 1KB up.png 1KB 箭头 左 细.png 870B cover_play.png 844B 箭头 右 right.png 754B共 101 条
- 1
- 2
资源评论
hwk02042025-05-18有没有计划书？
Pre_purQ2025-06-23资源质量不错，和资源描述一致，内容详细，对我很有用。
LilyCoder
- 粉丝: 1234
最新资源
- 本库是个基于python的工具集，用于记录数据到文件。 使用方便，代码简洁， 是一个可靠、省心且实用的工具。 支持多线程同时写入。.zip
- 本科毕业设计，基于python的图像复制粘贴篡改识别软件。.zip
- 本项目是基于计算机视觉的端到端交通路口智能监控系统．采用的设计架构由SRS
- 碧蓝航线ios平台自动脚本，基于python+opencv+facebook_wda实现.zip
- 毕业设计中基于给定微博数据的反作弊识别，用python开发。.zip
- 毕业设计项目，基于深度学习的实时语义分割算法研究，python实现。.zip
- 对基于python的微博爬虫进行重写，重写语言：java.zip
- 此框架是基于Python+Pytest+Requests+Allure+Yaml+Json实现全链路接口自动化测试
- 程序语言课程作业在线评测平台(实现Java、C、Python的选择、填空、代码题在线评测),基于SpringBoot+Layui+MySQL实现.zip
- 非官方的科大讯飞语音合成（用于朗读，配音场景）python API （基于官方demo增加了：超过2000字上限自动分割再合并音频的功能）.zip
- 非官方的简易中国铁路列车运行图系统，基于Python + PyQt5
- 超市POS销售与后台管理系统_商品录入收银业务会员管理进货销售库存人员权限断网收银断电保护_实现超市前台POS销售商品扫描条形码输入收银计算找零打印清单会员折扣累计消费以及后台管理.zip
- 俄罗斯方块闯关版，基于Python实现.zip
- 该项目是基于Python和数据库实现的学生信息管理系统.zip
- 该仓库为agv系统调度软件的前后端实现。项目基于fastapi(python后端框架)和vue2实现了RESTful风格的前后端分离.zip
- 该项目是基于Scrapy框架的Python新闻爬虫，能够爬取网易，搜狐，凤凰和澎湃网站上的新闻，将标题，内容，评论，时间等内容整理并保存到本地.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
