2 Star 0 Fork 0

闫庆瑞 / music

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
index.html 27.83 KB
一键复制 编辑 Web IDE 原始数据 按行查看 历史
yanqingrui 提交于 2018-02-07 11:50 . banner
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560
<!DOCTYPE html>
<!--[if IE]>
<html lang="zh-CN" class="lt-ie10">
<![endif]-->
<!--[if !IE]><!-->
<html lang="zh-CN">
<!--<![endif]-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="format-detection" content="email=no">
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta http-equiv="x-dns-prefetch-control" content="on">
<meta name="renderer" content="webkit">
<title>启藏音乐网</title>
<link href="./static/css/global.css" rel="stylesheet">
<link href="./static/css/recommend.css" rel="stylesheet">
<link rel="stylesheet" href="./static/css/login.css">
</head>
<body>
<!--header start-->
<div id="header">
<div class="header-top">
<div class="container">
<h1 class="logo">
<a href="#">
<img src="./static/img/logo.png" alt="咪咕音乐 放厮听·趣玩乐">
<span>启藏</span>
</a>
</h1>
<div class="nav">
<ul class="nav-container">
<li class="nav-item on">
<a href="http://music.cn">首页</a>
</li>
<li class="nav-item">
<a href="#jingdian" class="t_z">经典</a>
</li>
<li class="nav-item">
<a href="#huaijiu" class="t_z">怀旧</a>
</li>
<li class="nav-item">
<a href="#minyao" class="t_z">民谣</a>
</li>
<li class="nav-item">
<a href="#qingyinyue" class="t_z">轻音乐</a>
</li>
</ul>
</div>
<div class="login" id="login-user-info">
<a href="javascript:;" class="avator" id="login">
登录
</a>
</div>
</div>
</div>
</div>
<!--header end-->
<div id="bg-main-img" style="background-image: url('./static/img/bg.jpg');"></div>
<!--banner start-->
<div id="banner">
<div id="slideBox" class="slideBox">
<div class="hd" id="index-btn"><a class="on"></a><a></a></div>
<div class="bd" id="banner-container">
<ul>
<li class="active">
<a href="">
<img src="./static/img/1.png" alt="【首发】薛之谦碎心唱作《二代妖精之今生有幸》电影推广曲《狐狸》" class="img-block img-full">
</a>
</li>
<li>
<a href="">
<img src="./static/img/2.png" alt="【直播】大张伟“人间精品尖叫吧”巡回演唱会西安站" class="img-block img-full">
</a>
</li>
</ul>
</div>
<div class="prev switch-btn" id="prev-btn"></div>
<div class="next switch-btn" id="next-btn"></div>
</div>
</div>
<!--banner end-->
<!--经典 start-->
<div id="song" class="song-songlist">
<div class="title-box" id="jingdian">
<h2 class="title"></h2>
<div class="operation">
</div>
</div>
<div class="song">
<div class="swiper-container song-swiper">
<div class="swiper-wrapper">
<div class="swiper-slide odd">
<div class="items">
<div class="items-top play-voice">
<img src="./static/img/FaceImage/%E8%AA%93%E8%A8%80.jpg" alt="" class="img-block img-full">
<div class="img-cover">
<a href="/v2/music/song/1108425326"></a>
</div>
<span class="btn-play single-play"></span>
</div>
<div class="items-bottom">
<div class="items-bottom-left">
<p class="song-name">
<a href="/v2/music/song/1108425326" title="誓言">誓言</a>
</p>
<p class="singer">
<a href="/v2/music/artist/127751" title="董真">董真</a>
</p>
</div>
</div>
</div>
</div>
<div class="swiper-slide even">
<div class="items">
<div class="items-top play-voice">
<img src="./static/img/FaceImage/%E5%8D%97%E5%B1%B1.jpg" alt="" class="img-block img-full">
<div class="img-cover">
<a href="/v2/music/song/1108438285"></a>
</div>
<span class="btn-play single-play"></span>
</div>
<div class="items-bottom">
<div class="items-bottom-left">
<p class="song-name">
<a href="/v2/music/song/1108438285" title="南山">南山</a>
</p>
<p class="singer">
<a href="/v2/music/artist/332" title="涵昱">涵昱</a>
</p>
</div>
</div>
</div>
</div>
<div class="swiper-slide odd">
<div class="items">
<div class="items-top play-voice">
<img src="./static/img/FaceImage/lvdu.jpg" alt="" class="img-block img-full">
<div class="img-cover">
<a href="/v2/music/song/1108438286"></a>
</div>
<span class="btn-play single-play"></span>
</div>
<div class="items-bottom">
<div class="items-bottom-left">
<p class="song-name">
<a href="/v2/music/song/1108438286" title="绿度母心咒">绿度母心咒</a>
</p>
<p class="singer">
<a href="/v2/music/artist/13274" title="德格叶">德格叶</a>
</p>
</div>
</div>
</div>
</div>
<div class="swiper-slide even">
<div class="items">
<div class="items-top play-voice">
<img src="./static/img/FaceImage/%E5%8D%97%E4%BA%AC%E5%8D%97%E4%BA%AC.jpg" alt="" class="img-block img-full">
<div class="img-cover">
<a href="/v2/music/song/1108422226"></a>
</div>
<span class="btn-play single-play"></span>
</div>
<div class="items-bottom">
<div class="items-bottom-left">
<p class="song-name">
<a href="/v2/music/song/1108422226" title="南京南京">南京南京</a>
</p>
<p class="singer">
<a href="/v2/music/artist/1002039192" title="陈俊峰">陈俊峰</a>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="arrow-button arrow-left"></div>
<div class="arrow-button arrow-right"></div>
</div>
</div>
<!--经典 end-->
<!--怀旧 start-->
<div id="musicians" class="song-songlist">
<div class="title-box" id="huaijiu">
<h2 class="title"></h2>
<div class="operation">
<a href="http://i.migu.cn/v2/music/musician" class="more" style="display:none">更多<i class="iconfont cf-right-arrow-bold"></i></a>
</div>
</div>
<div class="musicians">
<div class="swiper-container musicians-swiper">
<div class="swiper-wrapper">
<div class="swiper-slide odd">
<div class="items">
<div class="items-top play-voice">
<img src="./static/img/FaceImage/%E4%B8%9C%E5%8E%A2.jpg" alt="" class="img-block img-full">
<div class="img-cover">
<a href="/v2/music/song/1108440569"></a>
</div>
<span class="btn-play single-play"></span>
</div>
<div class="items-bottom">
<div class="items-bottom-left">
<p class="song-name"><a href="/v2/music/song/1108440569">东厢</a></p>
<p class="singer">
<a href="/v2/music/artist/1000002653">韩昊政</a>
</p>
</div>
</div>
</div>
</div>
<div class="swiper-slide even">
<div class="items">
<div class="items-top play-voice">
<img src="./static/img/FaceImage/%E4%B8%9C%E5%8C%97%E9%A3%8E.jpg" alt="" class="img-block img-full">
<div class="img-cover">
<a href="/v2/music/song/1108440808"></a>
</div>
<span class="btn-play single-play"></span>
</div>
<div class="items-bottom">
<div class="items-bottom-left">
<p class="song-name"><a href="/v2/music/song/1108440808">东北风</a></p>
<p class="singer">
<a href="/v2/music/artist/1002346127">雷恒</a>
</p>
</div>
</div>
</div>
</div>
<div class="swiper-slide odd">
<div class="items">
<div class="items-top play-voice">
<img src="./static/img/FaceImage/%E7%87%95.jpg" alt="" class="img-block img-full">
<div class="img-cover">
<a href="/v2/music/song/1108375837"></a>
</div>
<span class="btn-play single-play" mid="1108375837"></span>
</div>
<div class="items-bottom">
<div class="items-bottom-left">
<p class="song-name"><a href="/v2/music/song/1108375837">燕衔泥</a></p>
<p class="singer">
<a href="/v2/music/artist/28064">眉佳</a>
</p>
</div>
</div>
</div>
</div>
<div class="swiper-slide even">
<div class="items">
<div class="items-top play-voice">
<img src="./static/img/FaceImage/%E6%96%B0%E5%B9%B4%E6%AD%8C.jpg" alt="" class="img-block img-full">
<div class="img-cover">
<a href="/v2/music/song/1108416800"></a>
</div>
<span class="btn-play single-play"></span>
</div>
<div class="items-bottom">
<div class="items-bottom-left">
<p class="song-name"><a href="/v2/music/song/1108416800">新年歌</a></p>
<p class="singer">
<a href="/v2/music/artist/1106679263">萌萌哒天</a>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="arrow-button arrow-left"></div>
<div class="arrow-button arrow-right"></div>
</div>
</div>
<!--怀旧 end-->
<!--民谣 start-->
<div id="song" class="song-songlist">
<div class="title-box" id="minyao">
<h2 class="title"></h2>
<div class="operation">
</div>
</div>
<div class="song">
<div class="swiper-container song-swiper">
<div class="swiper-wrapper">
<div class="swiper-slide odd">
<div class="items">
<div class="items-top play-voice">
<img src="./static/img/FaceImage/%E6%91%87%E6%91%86%E6%91%87%E6%91%86.jpg" alt="" class="img-block img-full">
<div class="img-cover">
<a href="/v2/music/song/1108425326"></a>
</div>
<span class="btn-play single-play"></span>
</div>
<div class="items-bottom">
<div class="items-bottom-left">
<p class="song-name">
<a href="/v2/music/song/1108425326" title="摇摇摆摆">摇摇摆摆</a>
</p>
<p class="singer">
<a href="/v2/music/artist/127751" title="韦嘉">韦嘉</a>
</p>
</div>
</div>
</div>
</div>
<div class="swiper-slide even">
<div class="items">
<div class="items-top play-voice">
<img src="./static/img/FaceImage/%E6%82%8D%E9%A9%AC%E4%BA%BA.jpg" alt="" class="img-block img-full">
<div class="img-cover">
<a href="/v2/music/song/1108438285"></a>
</div>
<span class="btn-play single-play"></span>
</div>
<div class="items-bottom">
<div class="items-bottom-left">
<p class="song-name">
<a href="/v2/music/song/1108438285" title="悍马人">悍马人</a>
</p>
<p class="singer">
<a href="/v2/music/artist/332" title="唯嘉">唯嘉</a>
</p>
</div>
</div>
</div>
</div>
<div class="swiper-slide odd">
<div class="items">
<div class="items-top play-voice">
<img src="./static/img/FaceImage/%E7%BA%A2%E9%B8%BE%E8%AE%B0.jpg" alt="" class="img-block img-full">
<div class="img-cover">
<a href="/v2/music/song/1108438286"></a>
</div>
<span class="btn-play single-play"></span>
</div>
<div class="items-bottom">
<div class="items-bottom-left">
<p class="song-name">
<a href="/v2/music/song/1108438286" title="红鸾记">红鸾记</a>
</p>
<p class="singer">
<a href="/v2/music/artist/13274" title="唯嘉">唯嘉</a>
</p>
</div>
</div>
</div>
</div>
<div class="swiper-slide even">
<div class="items">
<div class="items-top play-voice">
<img src="./static/img/FaceImage/%E6%89%91%E5%95%A6%E5%95%A6%E9%A3%9E.jpg" alt="" class="img-block img-full">
<div class="img-cover">
<a href="/v2/music/song/1108422226"></a>
</div>
<span class="btn-play single-play"></span>
</div>
<div class="items-bottom">
<div class="items-bottom-left">
<p class="song-name">
<a href="/v2/music/song/1108422226" title="扑啦啦飞">扑啦啦飞</a>
</p>
<p class="singer">
<a href="/v2/music/artist/1002039192" title="唯嘉">唯嘉</a>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="arrow-button arrow-left"></div>
<div class="arrow-button arrow-right"></div>
</div>
</div>
<!--民谣 end-->
<!--轻音乐 start-->
<div id="musicians" class="song-songlist">
<div class="title-box" id="qingyinyue">
<h2 class="title"></h2>
<div class="operation">
<a href="http://i.migu.cn/v2/music/musician" class="more" style="display:none">更多<i class="iconfont cf-right-arrow-bold"></i></a>
</div>
</div>
<div class="musicians">
<div class="swiper-container musicians-swiper">
<div class="swiper-wrapper">
<div class="swiper-slide odd">
<div class="items">
<div class="items-top play-voice">
<img src="./static/img/FaceImage/%E5%A4%A9%E4%BD%BF%E7%9A%84%E4%BE%A7%E8%84%B8.jpg" alt="" class="img-block img-full">
<div class="img-cover">
<a href="/v2/music/song/1108440569"></a>
</div>
<span class="btn-play single-play"></span>
</div>
<div class="items-bottom">
<div class="items-bottom-left">
<p class="song-name"><a href="/v2/music/song/1108440569">天使的侧脸</a></p>
<p class="singer">
<a href="/v2/music/artist/1000002653">陈小霞</a>
</p>
</div>
</div>
</div>
</div>
<div class="swiper-slide even">
<div class="items">
<div class="items-top play-voice">
<img src="./static/img/FaceImage/%E8%A7%81%E6%95%85%E4%BA%BA%E5%BD%92.jpg" alt="" class="img-block img-full">
<div class="img-cover">
<a href="/v2/music/song/1108440808"></a>
</div>
<span class="btn-play single-play"></span>
</div>
<div class="items-bottom">
<div class="items-bottom-left">
<p class="song-name"><a href="/v2/music/song/1108440808">见故人归</a></p>
<p class="singer">
<a href="/v2/music/artist/1002346127">玉面</a>
</p>
</div>
</div>
</div>
</div>
<div class="swiper-slide odd">
<div class="items">
<div class="items-top play-voice">
<img src="./static/img/FaceImage/%E4%BB%A5%E4%B8%BA%E4%BD%A0%E6%98%AF%E9%82%A3%E4%B8%AA%E4%BA%BA.jpg" alt="" class="img-block img-full">
<div class="img-cover">
<a href="/v2/music/song/1108375837"></a>
</div>
<span class="btn-play single-play" mid="1108375837"></span>
</div>
<div class="items-bottom">
<div class="items-bottom-left">
<p class="song-name"><a href="/v2/music/song/1108375837">以为你是那个人</a></p>
<p class="singer">
<a href="/v2/music/artist/28064">维嘉</a>
</p>
</div>
</div>
</div>
</div>
<div class="swiper-slide even">
<div class="items">
<div class="items-top play-voice">
<img src="./static/img/FaceImage/%E5%85%84%E5%BC%9F%E6%83%85%E6%B7%B1.jpeg" alt="" class="img-block img-full">
<div class="img-cover">
<a href="/v2/music/song/1108416800"></a>
</div>
<span class="btn-play single-play"></span>
</div>
<div class="items-bottom">
<div class="items-bottom-left">
<p class="song-name"><a href="/v2/music/song/1108416800">兄弟情深</a></p>
<p class="singer">
<a href="/v2/music/artist/1106679263">龙啸</a>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="arrow-button arrow-left"></div>
<div class="arrow-button arrow-right"></div>
</div>
</div>
<!--轻音乐 end-->
<!--footer start-->
<div id="footer">
<div class="footer-swap">
<div class="migu-family migu-info">
<p>关于启藏</p>
<ul>
<li>
<a href="http://www.qicang.net/content/detail.html?n=1" class="t_z" target="_blank">关于我们</a>
<a href="http://www.qicang.net/content/detail.html?n=2" class="t_z" target="_blank">使用条款</a>
<a href="http://www.qicang.net/content/detail.html?n=3" class="t_z" target="_blank">联系我们</a>
</li>
</ul>
<ul>
<li>
<span>北京众藏科技有限公司</span>
<span>京ICP备17048942号-1</span>
<span>010-56297253-809</span>
</li>
</ul>
</div>
</div>
<div class="copyright">
<!--<div class="c-link">
<ul>
<li>
<a href="http://www.migu.cn/" target="_blank">咪咕文化</a>
<span class="split-line"></span>
</li>
<li>
<a href="http://music.migu.cn/v2/common/profile" target="_blank">咪咕音乐简介</a>
<span class="split-line"></span>
</li>
<li>
<a href="http://music.migu.cn/v2/common/copyright" target="_blank">版权声明</a>
<span class="split-line"></span>
</li>
<li>
<a href="http://music.migu.cn/v2/common/news" target="_blank">新闻动态</a>
<span class="split-line"></span>
</li>
<li>
<a href="http://music.migu.cn/v2/common/link" target="_blank">友情链接</a>
<span class="split-line"></span>
</li>
<li>
<a href="http://music.migu.cn/v2/common/map" target="_blank">网站地图</a>
</li>
</ul>
</div>-->
<div class="c-info">北京市朝阳区建国路88号1-10号楼1至2层1501内13</div>
<div class="c-info">Copyright &copy; 2017-2018</div>
</div>
</div>
<div class="shade-box">
<div class="login-shade">
<div class="close"></div>
<div class="l-s-title">
启藏账号登录
</div>
<ul class="l-s-content">
<li>
<div class="left">手机号</div>
<div class="center"><input type="text" maxlength="11" placeholder="请输入手机号" id="phone"></div>
</li>
<li>
<div class="left">手机验证码</div>
<div class="center"><input type="text" placeholder="请输入手机验证码" id="verify"></div>
<div class="right get"><button>获取验证码</button></div>
</li>
</ul>
<div class="l-s-button">
<a href="javascrpt:;" id="login-btn">登录</a>
</div>
</div>
</div>
<!-- <audio src="" autoplay id="audio"></audio>-->
<!--footer end-->
<script src="./static/lib/jquery.min.js"></script>
<script src="./static/js/banner.js"></script>
<script src="./static/js/index.js"></script>
</body>
</html>
1
https://gitee.com/yan3064/music.git
git@gitee.com:yan3064/music.git
yan3064
music
music
master

搜索帮助