基本信息
源码名称:MP3在线听音乐播放器代码
源码大小:0.58M
文件格式:.zip
开发语言:CSS
更新时间:2020-01-02
友情提示:(无需注册或充值,赞助后即可获取资源下载链接)
嘿,亲!知识可是无价之宝呢,但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下,绝对物超所值哦!如有下载和支付问题,请联系我们QQ(微信同号):813200300
本次赞助数额为: 2 元×
微信扫码支付:2 元
×
请留下您的邮箱,我们将在2小时内将文件发到您的邮箱
源码介绍
<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"><small>...</small><small>...</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="上一曲"></a>
<a class="u-play-btn ctrl-play play" title="暂停"></a>
<a class="u-play-btn next" title="下一曲"></a><br>
</div>
</div>
</div>
<div class="f-cb"> </div>
<div class="m-music-list-wrap"></div>
</div>
<script src="js/smusic.min.js"></script>
<script>
var musicList = [
{
title : '衡越',
singer : '圆梦',
cover : '',
src : 'mp3/10714.mp3'
},
{
title : '李琼',
singer : '山路十八弯',
cover : '',
src : 'mp3/10714.mp3'
},
{
title : '衡越',
singer : '圆梦',
cover : '',
src : 'mp3/10714.mp3'
},
{
title : '李琼',
singer : '山路十八弯',
cover : '',
src : 'mp3/10714.mp3'
},
{
title : '衡越',
singer : '圆梦',
cover : '',
src : 'mp3/10714.mp3'
},
{
title : '李琼',
singer : '山路十八弯',
cover : '',
src : 'mp3/10714.mp3'
},
{
title : '衡越',
singer : '圆梦',
cover : '',
src : 'mp3/10714.mp3'
},
{
title : '李琼',
singer : '山路十八弯',
cover : '',
src : 'mp3/10714.mp3'
},
{
title : '衡越',
singer : '圆梦',
cover : '',
src : 'mp3/10714.mp3'
},
{
title : '李琼',
singer : '山路十八弯',
cover : '',
src : 'mp3/10714.mp3'
},
{
title : '衡越',
singer : '圆梦',
cover : '',
src : 'mp3/10714.mp3'
},
{
title : '李琼',
singer : '山路十八弯',
cover : '',
src : 'mp3/10714.mp3'
}
];
new SMusic({
musicList:musicList
});
</script>