<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml' lang='en' xml:lang='en'>
<head>
<title>jPlayer</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="skin/cssreset.css" rel="stylesheet" type="text/css" />
<link href="skin/default/css/default.css" rel="stylesheet" type="text/css" />
<!--[if lt IE 7]>
<style type="text/css">
.playlist_content_songer .imgDiv a span { behavior: url(skin/default/css/iepngfix.htc); cursor: pointer; }
#player_play{behavior: url(skin/default/css/iepngfix.htc); }
#player_pause{behavior: url(skin/default/css/iepngfix.htc); }
</style>
<![endif]-->
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript" src="js/jquery.jplayer.js"></script>
<script type="text/javascript" src="js/jquery.mousewheel.js"></script>
<script type="text/javascript" src="js/common.js"></script>
</head>
<body>
<div id="container">
<div id="jquery_jplayer"></div>
<div id="player_title">
<h1>Music Box</h1>
</div>
<div id="playlist_list">
<div class="playlist_main">
<div class="playlist_wrap" >
<div class="playlist_cc">
<ul class="playlist_content" >
<li class="player" jplayer="mp3/preview2.mp3" songer="许慧欣" ablum="幸福的糖" songimg="skin/default/images/songer/1.jpg">幸福的糖E</li>
<li class="player" jplayer="mp3/02.mp3" songer="杨千嬅" ablum="麦芽糖" songimg="skin/default/images/songer/2.jpg">麦芽糖</li>
<li class="player" jplayer="mp3/03.mp3" songer="破天荒" ablum="专辑3" songimg="skin/default/images/songer/3.jpg">Sorry</li>
<li class="player" jplayer="mp3/01.mp3" songer="棉花糖" ablum="专辑4" songimg="skin/default/images/songer/1.jpg">This is me</li>
<li class="player" jplayer="mp3/02.mp3" songer="不知道1" ablum="专辑5" songimg="skin/default/images/songer/2.jpg">同音乐私奔</li>
<li class="player" jplayer="mp3/03.mp3" songer="SHE" ablum="专辑6" songimg="skin/default/images/songer/3.jpg">そばにいるね</li>
<li class="player" jplayer="mp3/01.mp3" songer="周杰伦" ablum="专辑7" songimg="skin/default/images/songer/1.jpg">听妈妈的话</li>
<li class="player" jplayer="mp3/02.mp3" songer="不知道2" ablum="专辑8" songimg="skin/default/images/songer/2.jpg">我们的幸福时光</li>
<li class="player" jplayer="mp3/03.mp3" songer="宫田" ablum="专辑9" songimg="skin/default/images/songer/3.jpg">Last Friends</li>
<li class="player" jplayer="mp3/02.mp3" songer="久石让" ablum="专辑10" songimg="skin/default/images/songer/2.jpg">千与千寻</li>
<li class="player" jplayer="mp3/02.mp3" songer="杨千嬅" ablum="麦芽糖" songimg="skin/default/images/songer/2.jpg">麦芽糖2</li>
<li class="player" jplayer="mp3/03.mp3" songer="破天荒" ablum="专辑3" songimg="skin/default/images/songer/3.jpg">Sorry2</li>
<li class="player" jplayer="mp3/01.mp3" songer="棉花糖" ablum="专辑4" songimg="skin/default/images/songer/1.jpg">This is me2</li>
<li class="player" jplayer="mp3/02.mp3" songer="不知道1" ablum="专辑5" songimg="skin/default/images/songer/2.jpg">同音乐私奔</li>
<li class="player" jplayer="mp3/03.mp3" songer="SHE" ablum="专辑6" songimg="skin/default/images/songer/3.jpg">そばにいるね</li>
<li class="player" jplayer="mp3/01.mp3" songer="周杰伦" ablum="专辑7" songimg="skin/default/images/songer/1.jpg">听妈妈的话</li>
<li class="player" jplayer="mp3/02.mp3" songer="不知道2" ablum="专辑8" songimg="skin/default/images/songer/2.jpg">我们的幸福时光</li>
<li class="player" jplayer="mp3/03.mp3" songer="宫田" ablum="专辑9" songimg="skin/default/images/songer/3.jpg">Last Friends</li>
<li class="player" jplayer="mp3/02.mp3" songer="久石让" ablum="专辑10" songimg="skin/default/images/songer/2.jpg">千与千寻</li>
<li class="player" jplayer="mp3/02.mp3" songer="杨千嬅" ablum="麦芽糖" songimg="skin/default/images/songer/2.jpg">麦芽糖3</li>
<li class="player" jplayer="mp3/03.mp3" songer="破天荒" ablum="专辑3" songimg="skin/default/images/songer/3.jpg">Sorry3</li>
<li class="player" jplayer="mp3/01.mp3" songer="棉花糖" ablum="专辑4" songimg="skin/default/images/songer/1.jpg">This is 3me2</li>
<li class="player" jplayer="mp3/02.mp3" songer="不知道1" ablum="专辑5" songimg="skin/default/images/songer/2.jpg">同音乐私奔3</li>
<li class="player" jplayer="mp3/03.mp3" songer="SHE" ablum="专辑6" songimg="skin/default/images/songer/3.jpg">そばにいるね3</li>
<li class="player" jplayer="mp3/01.mp3" songer="周杰伦" ablum="专辑7" songimg="skin/default/images/songer/1.jpg">听妈妈的话3</li>
<li class="player" jplayer="mp3/02.mp3" songer="不知道2" ablum="专辑8" songimg="skin/default/images/songer/2.jpg">我们的幸福时3光</li>
<li class="player" jplayer="mp3/03.mp3" songer="宫田" ablum="专辑9" songimg="skin/default/images/songer/3.jpg">Last Frien3ds</li>
<li class="player" jplayer="mp3/02.mp3" songer="久石让" ablum="专辑10" songimg="skin/default/images/songer/2.jpg">千与千3寻</li>
</ul>
</div>
<div class="playlist_content_details">
<div class="playlist_content_return">
<ul class="playlist_content_footer">
<li class="list_reuturn"><a href="#">返 回</a></li>
</ul>
</div>
<div class="playlist_content_songer" >
<div class="imgDiv">
<a href="#"><span></span><img src="skin/default/images/songer/1.jpg" alt="专辑封面" /></a>
</div>
<ul>
<li class="songName">周杰伦</li>
<li class="songAblum">摩羯座</li>
</ul>
<div class="playlist_content_songer_silde">
<div class="playlist_content_songer_txt">正在播放:牛仔很忙...</div>
</div>
</div>
<div class="playlist_content_pro" >
<ul id="player_controls">
<li id="player_play">
<a href="#" title="播放"><span>play</span></a></li>
</li>
<li id="player_pause">
<a href="#" title="暂停"><span>pause</span></a>
</li>
</ul>
<div id="play_time"></div>
<div id="total_time"></div>
<div id="player_progress">
<div id="player_progress_load_bar" class="jqjp_buffer">
<div id="player_progress_play_bar"></div>
</div>
</div>
<div id="player_volume_bar">
<div id="player_volume_bar_value"></div>
</div>
</div>
</div>
</div>
</div>
<div class="playlist_footer_content">
<ul class="playlist_footer">
<li class="list_up"><a href="#">上 翻</a></li>
<li class="list_down"><a href="#">下 翻</a></li>
<li class="list_ramdom"><a href="#">随便听听</a></li>
<li class="list_power"><a href="http://www.cssrain.cn">Power by CssRain.cn</a></li>
</ul>
</div>
</div>
</div>
</body>
</html>
jquery 制作的音乐播放器
5星 · 超过95%的资源 需积分: 9 174 浏览量
2009-05-22
16:29:38
上传
评论
收藏 4.22MB RAR 举报
wuzehuihao
- 粉丝: 4
- 资源: 16
最新资源
- NetOps-py通过sftp替换网络设备启动文件
- STM32单片机FPGA毕设电路原理论文报告任务驱动教学法在单片机课程教学中的应用
- STM32单片机FPGA毕设电路原理论文报告任务驱动法在单片机教学中的应用
- STM32单片机FPGA毕设电路原理论文报告人造金刚石压机智能化压力测控系统设计
- 以某列为依据匹配多项(Excel版)
- STM32单片机FPGA毕设电路原理论文报告人体短臂离心机实验台的显示控制系统
- STM32单片机FPGA毕设电路原理论文报告人工气候室监控系统的环境控制器研究
- STM32单片机FPGA毕设电路原理论文报告染整自动线张力控制系统的设计
- 数据挖掘与机器学习-实验
- 基于Linux系统Nginx的动态网站的LNMP环境源码包
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
- 1
- 2
前往页