简单易用的jQuery音乐播放器插件资源-CSDN文库

共20个文件

png：12个

js：3个

mp3：2个

jquery

音乐播放器

简单易用

注释清晰

需积分: 15 142 浏览量 2018-08-03 11:06:58 上传评论收藏 6.98MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

简单易用的jQuery音乐播放器插件.rar （20个子文件）

简单易用的jQuery音乐播放器插件

index.html 2KB

images

xlBv5aR.png 1KB

338F8MX.png 1KB

Mb6Nzj5.png 2KB

PGIC6ME.png 1KB

i2.mp3 3.57MB

qqdoddi.png 1KB

3iirf2f.png 1KB

lIhwduj.png 1KB

E09T8tf (1).png 1KB

V5i67V2.png 2KB

tsqwz1N.png 1KB

E09T8tf.png 1KB

LIqj0nr.png 2KB

i1.mp3 3.31MB

82fLDu4.jpg 113KB

jplayer.playlist.min.js 8KB

lanrenzhijia.js 1KB

jquery.jplayer.min.js 53KB

css

lanrenzhijia.css 4KB

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>简单易用的jQuery音乐播放器插件</title> <link rel="stylesheet" href="css/lanrenzhijia.css" type="text/css" /> </head> <body> <div class="music-player"> <div class="info"> <div class="left"> <a href="javascript:;" class="icon-shuffle"></a> <a href="javascript:;" class="icon-heart"></a> </div> <div class="center"> <div class="jp-playlist"> <ul> <li></li> </ul> </div> </div> <div class="right"> <a href="javascript:;" class="icon-repeat"></a> <a href="javascript:;" class="icon-share"></a> </div> <div class="progress jp-seek-bar"> <span class="jp-play-bar" style="width: 0%"></span> </div> </div> <div class="controls"> <div class="current jp-current-time">00:00</div> <div class="play-controls"> <a href="javascript:;" class="icon-previous jp-previous" title="previous"></a> <a href="javascript:;" class="icon-play jp-play" title="play"></a> <a href="javascript:;" class="icon-pause jp-pause" title="pause"></a> <a href="javascript:;" class="icon-next jp-next" title="next"></a> </div> <div class="volume-level jp-volume-bar"> <span class="jp-volume-bar-value" style="width: 0%"></span> <a href="javascript:;" class="icon-volume-up jp-volume-max" title="max volume"></a> <a href="javascript:;" class="icon-volume-down jp-mute" title="mute"></a> </div> </div> <div id="jquery_jplayer" class="jp-jplayer"></div> </div> <script src="http://www.lanrenzhijia.com/ajaxjs/jquery.min.js"></script> <script src='js/jquery.jplayer.min.js'></script> <script src='js/jplayer.playlist.min.js'></script> <script src="js/lanrenzhijia.js"></script> </body> </html>

评论收藏

内容反馈