jquery制作的音乐播放器资源-CSDN文库

共32个文件

png：10个

gif：7个

js：4个

jquery

制作的音乐播放器

5星 · 超过95%的资源需积分: 9 49 浏览量 2009-05-22 16:29:38 上传评论收藏 4.22MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

jPlayer（jquery音乐播放器）.rar （32个子文件）

jPlayer

demo.html 7KB

mp3

01.mp3 4.15MB

skin

default

css

iepngfix.htc 2KB

default_bak.css 12KB

default.css 11KB

images

thumbnailpng.png 4KB

musicbg.gif 15KB

bg_tr_group_headers.png 1KB

volume_bar_value.gif 45B

play.png 9KB

bg_tr_group_headers_active.png 168B

pause.png 6KB

generated_thumbnailpng.png 115B

bar_buffer.gif 54B

round-corner.png 3KB

bar_load.gif 54B

bar_play.gif 54B

songer

3.jpg 6KB

2.jpg 4KB

1.jpg 6KB

bg_download_btn.png 301B

volume_bar.gif 45B

ui-bg_glass_40_0078a3_1x400.png 135B

footer.gif 4KB

bg_tr_group_headers_hover.png 3KB

cssreset.css 886B

jquery-1.3.2.js 118KB

jquery.mousewheel.js 2KB

Jplayer.as 14KB

common.js 6KB

Jplayer.swf 2KB

jquery.jplayer.js 11KB

<!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" />  <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>

评论收藏

内容反馈