BDIC
/
q-a_platform
mirror of https://csgitlab.ucd.ie/19206226/q-a_platform
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

music player

Browse Source
ajax_post
Yang Liuxin 3 years ago
parent 74d13c51a7
commit 86bd695b27
3 changed files with 68 additions and 31 deletions
Show Stats Download Patch File Download Diff File

1
app/static/smusic.css
Unescape Escape View File

@ -341,6 +341,7 @@ html, body {
height: 150px;
position: relative;
padding-left: 140px;
z-index: 100;
}
.grid-music-container .u-cover {

3
app/static/style.css
Unescape Escape View File

@ -11,6 +11,7 @@ html, body {
height: 100%;
background: url(Image/poster-about.jpg) no-repeat center;
background-size: cover;
z-index: 90;
}
.dynamic-area1 {
@ -22,6 +23,7 @@ html, body {
background: url(Image/poster-drop-animate2.png) repeat-x 0px 0px;
background-size: cover;
animation: posterDrop1 6000s linear infinite;
z-index: -95;
}
@keyframes posterDrop1 {
@ -42,6 +44,7 @@ html, body {
background: url(Image/poster-drop-animate1.png) repeat-x 0px 0px;
background-size: cover;
animation: posterDrop2 8000s linear infinite;
z-index: -95;
}
@keyframes posterDrop2 {

95
app/templates/auth/music.html
Unescape Escape View File

@ -17,43 +17,76 @@
<!--效果html开始-->
<div class="satic-area">
<div class="dynamic-area1"></div>
<div class="dynamic-area2"></div>
</div>
<div class="grid-music-container f-usn">
<div class="m-music-play-wrap">
<div class="u-cover"></div>
<div class="m-now-info">
<h1 class="u-music-title"><strong>song</strong><small>singer</small></h1>
<div class="m-now-controls">
<div class="u-control u-process">
<span class="buffer-process"></span>
<span class="current-process"></span>
</div>
<div class="u-control u-time">00:00/00:00</div>
<div class="u-control u-volume">
<div class="volume-process" data-volume="0.50">
<span class="volume-current"></span>
<span class="volume-bar"></span>
<span class="volume-event"></span>
<div class="dynamic-area1"></div>
<div class="dynamic-area2"></div>
<div class="grid-music-container f-usn">
<div class="m-music-play-wrap">
<div class="u-cover"></div>
<div class="m-now-info">
<h1 class="u-music-title"><strong>song</strong><small>singer</small></h1>
<div class="m-now-controls">
<div class="u-control u-process">
<span class="buffer-process"></span>
<span class="current-process"></span>
</div>
<div class="u-control u-time">00:00/00:00</div>
<div class="u-control u-volume">
<div class="volume-process" data-volume="0.50">
<span class="volume-current"></span>
<span class="volume-bar"></span>
<span class="volume-event"></span>
</div>
<a class="volume-control"></a>
</div>
<a class="volume-control"></a>
</div>
</div>
<div class="m-play-controls">
<a class="u-play-btn prev" title="previous"></a>
<a class="u-play-btn ctrl-play play" title="pause"></a>
<a class="u-play-btn next" title="next"></a>
<a class="u-play-btn mode mode-list current" title="list circulation"></a>
<a class="u-play-btn mode mode-random" title="random"></a>
<a class="u-play-btn mode mode-single" title="single circulation"></a>
<div class="m-play-controls">
<a class="u-play-btn prev" title="previous"></a>
<a class="u-play-btn ctrl-play play" title="pause"></a>
<a class="u-play-btn next" title="next"></a>
<a class="u-play-btn mode mode-list current" title="list circulation"></a>
<a class="u-play-btn mode mode-random" title="random"></a>
<a class="u-play-btn mode mode-single" title="single circulation"></a>
</div>
</div>
</div>
<div class="f-cb">&nbsp;</div>
<div class="m-music-list-wrap"></div>
</div>
<div class="f-cb">&nbsp;</div>
<div class="m-music-list-wrap"></div>
</div>
{#<div class="grid-music-container f-usn">#}
{# <div class="m-music-play-wrap">#}
{# <div class="u-cover"></div>#}
{# <div class="m-now-info">#}
{# <h1 class="u-music-title"><strong>song</strong><small>singer</small></h1>#}
{# <div class="m-now-controls">#}
{# <div class="u-control u-process">#}
{# <span class="buffer-process"></span>#}
{# <span class="current-process"></span>#}
{# </div>#}
{# <div class="u-control u-time">00:00/00:00</div>#}
{# <div class="u-control u-volume">#}
{# <div class="volume-process" data-volume="0.50">#}
{# <span class="volume-current"></span>#}
{# <span class="volume-bar"></span>#}
{# <span class="volume-event"></span>#}
{# </div>#}
{# <a class="volume-control"></a>#}
{# </div>#}
{# </div>#}
{# <div class="m-play-controls">#}
{# <a class="u-play-btn prev" title="previous"></a>#}
{# <a class="u-play-btn ctrl-play play" title="pause"></a>#}
{# <a class="u-play-btn next" title="next"></a>#}
{# <a class="u-play-btn mode mode-list current" title="list circulation"></a>#}
{# <a class="u-play-btn mode mode-random" title="random"></a>#}
{# <a class="u-play-btn mode mode-single" title="single circulation"></a>#}
{# </div>#}
{# </div>#}
{# </div>#}
{# <div class="f-cb">&nbsp;</div>#}
{# <div class="m-music-list-wrap"></div>#}
{#</div>#}
<script src="../../static/js/smusic.min.js"></script>
<script>
var musicList = [

Write Preview
Loading…
Cancel
Save