加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
siftSon2.html 20.17 KB
一键复制 编辑 原始数据 按行查看 历史
shui 提交于 2021-11-26 09:32 . 提交kugou
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="./font_ag4gc1ltn5g/iconfont.css">
<link rel="stylesheet" href="./font_fvdinu3ty4m/iconfont.css">
<link rel="stylesheet" href="./css/siftSon.css">
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="./Js/siftSon.js"></script>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<header>
<div class="header-top">
<div class="header-top-logo">
<h1><img src="https://staticssl.kugou.com/public/root/images/logo.png" height="100%" alt="logo"></h1>
</div>
<div class="header-top-search-box">
<div class="header-ts-box">
<input type="rext" name="search" id="">
<span class="iconfont icon-sousuo"></span>
</div>
</div>
<div class="header-top-lis">
<ul>
<li><a href="#">客服中心</a></li>
<li><a href="#">招贤纳士</a></li>
<li><a href="#">会员中心</a></li>
<li><a href="#">商务合作</a></li>
</ul>
</div>
<div class="header-top-denglu">
<a href="#">登录</a>
</div>
</div>
<div class="header-buttom">
<div class="header-hut-top-ul">
<ul class="header-but-top-ul-left">
<li><a href="#">首页</a></li>
<li><a href="#">榜单</a></li>
<li><a href="#">听书</a></li>
<li><a href="#">下载酷狗</a></li>
<li><a href="#">听歌识曲</a></li>
<li>
<div class="header-but-top-more">更多</div>
<ul>
<li><a href="#">电台</a></li>
<li><a href="#">电台</a></li>
<li><a href="#">电台</a></li>
<li><a href="#">电台</a></li>
</ul>
</li>
</ul>
<ul class="header-but-top-ul-right">
<li><a href="#"><span class="iconfont icon-shoucang"></span>&nbsp;直播</a></li>
<li><a href="#"><span class="iconfont icon-shangcheng"></span>&nbsp;商城</a></li>
<li><a href="#"><span class="iconfont icon-24gl-headphones"></span>&nbsp;音乐人</a></li>
<li><a href="#"><span class="iconfont icon-dailishang"></span>&nbsp;代理商</a></li>
<li><a href="#"><span class="iconfont icon-maikefeng"></span>&nbsp;主播电台</a></li>
<li><a href="#"><span class="iconfont icon-pintu-m"></span>&nbsp;开放平台</a></li>
</ul>
</div>
</div>
</header>
<!-- 导航栏结束 -->
<artidicle>
<div class="article">
<div class="article-title">
<a href="#">我的位置></a>
<a href="#">首页></a>
<a href="#">精选集></a>
<!-- <a href="#"><青春回忆杀·80后的卡带故事></a> -->
<span>青春回忆杀·80后的卡带故事</span>
</div>
<div class="article-body">
<div class="article-body-left">
<div class="article-body-left-pic">
<img src="https://imgessl.kugou.com/custom/150/20210702/20210702081927884718.jpg" whidth= "100%" alt="">
</div>
<div class="article-body-transpond">
<a href="#"><span class="iconfont icon-zhuanfa1"></span>&nbsp;&nbsp;分享</a>
</div>
<div class="article-son-referral">
<span>
名称:
</span>
<span>
青春回忆杀·80后的卡带故事
</span>
</div>
<div class="article-son-referral">
<span>
创作了:
</span>
<span>
念安娜
</span>
</div>
<div class="article-son-referral">
<span>
心情:
</span>
<span>
</span>
</div>
<div class="article-son-referral">
<span>
跟新时间:
</span>
<span>
2021-07-02
</span>
</div>
<div class="article-son-referral">
<span>
介绍:
</span>
<span>随着时间的流
逝,在不知不觉中,人和事物都在变化,结果无非就是变好与变坏。但是,记忆里的那些刻骨铭心人和事物是不变的。
例如当年听过的歌,再例如喜欢过的人。
音乐响起,同时段的人总会从脑海里蹦出来,让你不由自主去想起从前。不论开心或者悲伤,总是那么深刻。
推荐的老歌,我相信定有你想要的感觉。
封面小鱼
</span>
</div>
</div>
<div class="article-body-right">
<h5><青春回忆杀·80后的卡带故事> - 歌曲列表</h5>
<div class="article-body-right-allbtn-box">
<input type="checkbox" class="checkall-box" >&nbsp;&nbsp;全选
<span class="article-body-right-allbtn-box-play"><a href="#"><span class="iconfont icon-24gl-play"></span>&nbsp;播放</a></span>
</div>
<div class="article-body-right-songs">
<ul>
<li>
<input type="checkbox" class="check">
<a href="#">
<div>01</div>
<div>庾澄庆 - 情非得已</div>
<span class="iconfont icon-zhuanfa2"></span>
<span class="iconfont icon-erji"></span>
</a>
</li>
<li>
<input type="checkbox" class="check">
<a href="#">
<div>02</div>
<div>林志炫 - 蒙娜丽莎的眼泪</div>
<span class="iconfont icon-zhuanfa2"></span>
<span class="iconfont icon-erji"></span>
</a>
</li>
<li>
<input type="checkbox" class="check">
<a href="#">
<div>03</div>
<div>费玉清 - 一剪梅</div>
<span class="iconfont icon-zhuanfa2"></span>
<span class="iconfont icon-erji"></span>
</a>
</li>
<li>
<input type="checkbox" class="check">
<a href="#">
<div>04</div>
<div>王力宏 - 大城小爱</div>
<span class="iconfont icon-zhuanfa2"></span>
<span class="iconfont icon-erji"></span>
</a>
</li>
<li>
<input type="checkbox" class="check">
<a href="#">
<div>05</div>
<div>信乐团 - 假如</div>
<span class="iconfont icon-zhuanfa2"></span>
<span class="iconfont icon-erji"></span>
</a>
</li>
<li>
<input type="checkbox" class="check">
<a href="#">
<div>06</div>
<div>Little Big Town - Throw Your Love Away</div>
<span class="iconfont icon-zhuanfa2"></span>
<span class="iconfont icon-erji"></span>
</a>
</li>
<li>
<input type="checkbox" class="check">
<a href="#">
<div>07</div>
<div>Little Big Town - Throw Your Love Away</div>
<span class="iconfont icon-zhuanfa2"></span>
<span class="iconfont icon-erji"></span>
</a>
</li>
<li>
<input type="checkbox" class="check">
<a href="#">
<div>08</div>
<div>Little Big Town - Throw Your Love Away</div>
<span class="iconfont icon-zhuanfa2"></span>
<span class="iconfont icon-erji"></span>
</a>
</li>
<li>
<input type="checkbox" class="check">
<a href="#">
<div>09</div>
<div>Little Big Town - Throw Your Love Away</div>
<span class="iconfont icon-zhuanfa2"></span>
<span class="iconfont icon-erji"></span>
</a>
</li>
<li>
<input type="checkbox" class="check">
<a href="#">
<div>10</div>
<div>Little Big Town - Throw Your Love Away</div>
<span class="iconfont icon-zhuanfa2"></span>
<span class="iconfont icon-erji"></span>
</a>
</li>
<li>
<input type="checkbox" class="check">
<a href="#">
<div>11</div>
<div>Little Big Town - Throw Your Love Away</div>
<span class="iconfont icon-zhuanfa2"></span>
<span class="iconfont icon-erji"></span>
</a>
</li>
<li>
<input type="checkbox" class="check">
<a href="#">
<div>11</div>
<div>Little Big Town - Throw Your Love Away</div>
<span class="iconfont icon-zhuanfa2"></span>
<span class="iconfont icon-erji"></span>
</a>
</li>
<li>
<input type="checkbox" class="check">
<a href="#">
<div>12</div>
<div>Little Big Town - Throw Your Love Away</div>
<span class="iconfont icon-zhuanfa2"></span>
<span class="iconfont icon-erji"></span>
</a>
</li>
<li>
<input type="checkbox" class="check">
<a href="#">
<div>13</div>
<div>Little Big Town - Throw Your Love Away</div>
<span class="iconfont icon-zhuanfa2"></span>
<span class="iconfont icon-erji"></span>
</a>
</li>
<li>
<input type="checkbox" class="check">
<a href="#">
<div>14</div>
<div>Little Big Town - Throw Your Love Away</div>
<span class="iconfont icon-zhuanfa2"></span>
<span class="iconfont icon-erji"></span>
</a>
</li>
<li>
<input type="checkbox" class="check">
<a href="#">
<div>15</div>
<div>Little Big Town - Throw Your Love Away</div>
<span class="iconfont icon-zhuanfa2"></span>
<span class="iconfont icon-erji"></span>
</a>
</li>
<li>
<input type="checkbox" class="check">
<a href="#">
<div>16</div>
<div>Little Big Town - Throw Your Love Away</div>
<span class="iconfont icon-zhuanfa2"></span>
<span class="iconfont icon-erji"></span>
</a>
</li>
<li>
<input type="checkbox" class="check">
<a href="#">
<div>17</div>
<div>Little Big Town - Throw Your Love Away</div>
<span class="iconfont icon-zhuanfa2"></span>
<span class="iconfont icon-erji"></span>
</a>
</li>
<li>
<input type="checkbox">
<a href="#">
<div>18</div>
<div>Little Big Town - Throw Your Love Away</div>
<span class="iconfont icon-zhuanfa2"></span>
<span class="iconfont icon-erji"></span>
</a>
</li> <li>
<input type="checkbox" class="check">
<a href="#">
<div>18</div>
<div>Little Big Town - Throw Your Love Away</div>
<span class="iconfont icon-zhuanfa2"></span>
<span class="iconfont icon-erji"></span>
</a>
</li>
<li>
<input type="checkbox" class="check">
<a href="#">
<div>19</div>
<div>Little Big Town - Throw Your Love Away</div>
<span class="iconfont icon-zhuanfa2"></span>
<span class="iconfont icon-erji"></span>
</a>
</li>
<li>
<input type="checkbox" class="check">
<a href="#">
<div>20</div>
<div>Little Big Town - Throw Your Love Away</div>
<span class="iconfont icon-zhuanfa2"></span>
<span class="iconfont icon-erji"></span>
</a>
</li>
<li>
<input type="checkbox" class="check">
<a href="#">
<div>21</div>
<div>Little Big Town - Throw Your Love Away</div>
<span class="iconfont icon-zhuanfa2"></span>
<span class="iconfont icon-erji"></span>
</a>
</li>
<li>
<input type="checkbox" class="check">
<a href="#">
<div>22</div>
<div>Little Big Town - Throw Your Love Away</div>
<span class="iconfont icon-zhuanfa2"></span>
<span class="iconfont icon-erji"></span>
</a>
</li>
<li>
<input type="checkbox" class="check">
<a href="#">
<div>23</div>
<div>Little Big Town - Throw Your Love Away</div>
<span class="iconfont icon-zhuanfa2"></span>
<span class="iconfont icon-erji"></span>
</a>
</li>
<li>
<input type="checkbox" class="check">
<a href="#">
<div>24</div>
<div>Little Big Town - Throw Your Love Away</div>
<span class="iconfont icon-zhuanfa2"></span>
<span class="iconfont icon-erji"></span>
</a>
</li>
<li>
<input type="checkbox" class="check">
<a href="#">
<div>25</div>
<div>Little Big Town - Throw Your Love Away</div>
<span class="iconfont icon-zhuanfa2"></span>
<span class="iconfont icon-erji"></span>
</a>
</li>
<li>
<input type="checkbox" class="check">
<a href="#">
<div>26</div>
<div>Little Big Town - Throw Your Love Away</div>
<span class="iconfont icon-zhuanfa2"></span>
<span class="iconfont icon-erji"></span>
</a>
</li>
<li>
<input type="checkbox" class="check">
<a href="#">
<div>27</div>
<div>Little Big Town - Throw Your Love Away</div>
<span class="iconfont icon-zhuanfa2"></span>
<span class="iconfont icon-erji"></span>
</a>
</li>
<li>
<input type="checkbox" class="check">
<a href="#">
<div>28</div>
<div>Little Big Town - Throw Your Love Away</div>
<span class="iconfont icon-zhuanfa2"></span>
<span class="iconfont icon-erji"></span>
</a>
</li>
<li>
<input type="checkbox" class="check">
<a href="#">
<div>29</div>
<div>Little Big Town - Throw Your Love Away</div>
<span class="iconfont icon-zhuanfa2"></span>
<span class="iconfont icon-erji"></span>
</a>
</li>
<li>
<input type="checkbox" class="check">
<a href="#">
<div>30</div>
<div>Little Big Town - Throw Your Love Away</div>
<span class="iconfont icon-zhuanfa2"></span>
<span class="iconfont icon-erji"></span>
</a>
</li>
<li>
<input type="checkbox" class="check">
<a href="#">
<div>31</div>
<div>Little Big Town - Throw Your Love Away</div>
<span class="iconfont icon-zhuanfa2"></span>
<span class="iconfont icon-erji"></span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</article>
</body>
</html>
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化