mirror of
https://github.com/yuanwangokk-1/TV-BOX.git
synced 2025-10-25 00:21:21 +00:00
81 lines
No EOL
3.1 KiB
HTML
81 lines
No EOL
3.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-Hans">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>歌曲播放</title>
|
|
<meta content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
|
|
name="viewport">
|
|
<link href="css/reset.css" rel="stylesheet">
|
|
<link href="css/song.css" rel="stylesheet">
|
|
<!-- 歌词css动画 -->
|
|
<link href="https://cdn.bootcss.com/animate.css/3.5.2/animate.min.css" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
<div class="page" id="page">
|
|
|
|
<!-- logo 指针 -->
|
|
<section class="pointer">
|
|
<!-- <img class="logo" src="https://i.loli.net/2018/01/18/5a607ab96f850.png" alt="logo"> -->
|
|
<img alt="指针" class="point" src="https://i.loli.net/2018/01/18/5a6076c4f1e1b.png">
|
|
</section>
|
|
<!-- 黑胶唱片 -->
|
|
<section class="disk">
|
|
<div class="icon-wrapper">
|
|
<svg class="iconfont icon-bofang">
|
|
<use xlink:href="#icon-bofang"></use>
|
|
</svg>
|
|
<svg class="iconfont icon-pause">
|
|
<use xlink:href="#icon-pause"></use>
|
|
</svg>
|
|
</div>
|
|
<div class="circle">
|
|
<img alt="封面" id="bg"
|
|
src="http://p1.music.126.net/vVV6_b_CfNzBfv4rVfiwOw==/109951165975303461.jpg?param=300x300">
|
|
<!-- //i.loli.net/2017/10/08/59da11c6739ab.jpg -->
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 歌词 -->
|
|
<section class="lyric">
|
|
<h1></h1>
|
|
<div class="word">
|
|
<!-- 滑动 -->
|
|
<div class="lines">
|
|
<p class="active">成龙：该愤怒</p>
|
|
<p class="active">成龙：该愤怒</p>
|
|
<p class="active">成龙：该愤怒</p>
|
|
<p class="active">成龙：该愤怒</p>
|
|
<p class="active">成龙：该愤怒</p>
|
|
<p class="active">成龙：该愤怒</p>
|
|
<p class="active">成龙：该愤怒</p>
|
|
<p class="active">成龙：该愤怒</p>
|
|
<p class="active">成龙：该愤怒</p>
|
|
<p class="active">成龙：该愤怒</p>
|
|
<p class="active">成龙：该愤怒</p>
|
|
<p class="active">成龙：该愤怒</p>
|
|
<p class="active">成龙：该愤怒</p>
|
|
<p class="active">成龙：该愤怒</p>
|
|
<p class="active">成龙：该愤怒</p>
|
|
<p class="active">成龙：该愤怒</p>
|
|
<p class="active">成龙：该愤怒</p>
|
|
<p class="active">成龙：该愤怒</p>
|
|
<p class="active">成龙：该愤怒</p>
|
|
</div>
|
|
</div>
|
|
|
|
</section>
|
|
<!-- 链接 -->
|
|
<section class="links">
|
|
<a href="#">打开</a>
|
|
<a class="main" href="#">下载</a>
|
|
</section>
|
|
|
|
</div>
|
|
<script src="https://at.alicdn.com/t/font_429186_st29x7u3sd04fgvi.js"></script>
|
|
<!-- 引入jquery -->
|
|
<!-- <script src="vendors/jquery.min.js"></script> -->
|
|
<!-- <script src="vendors/av-min.js"></script> -->
|
|
<!-- <script src="js/av.js"></script> -->
|
|
<!-- <script src="js/song.js"></script> -->
|
|
</body>
|
|
</html> |