jquery音乐播放器特效.zip资源-CSDN文库

共11个文件

js：5个

png：1个

jpg：1个

版权申诉

javascript

html5

jQuery

106 浏览量 2022-11-24 12:30:38 上传评论收藏 107KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

jquery音乐播放器特效.zip （11个子文件）

jquery音乐播放器特效

jquery音乐播放器特效.jpg 36KB

jiaoben322

css

zzsc.css 7KB

images

mode.gif 13KB

Thumbs.db 7KB

player.png 9KB

index.html 3KB

jquery.min.js 90KB

jquery.jplayer.min.js 85KB

main.js 6KB

f.js 747B

data.js 203B

<!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>jquery音乐播放器特效 - 网页模板</title> <style type="text/css"> .wrapper{ margin:0px auto; padding:20px; border:1px solid #CCC; background:#333; width:980px; font-size:12px;} </style> <link rel="stylesheet" href="css/zzsc.css" type="text/css" /> </head> <body>  <div class="wrapper"> <div id="player"></div> <div class="player"> <div class="player-l bg"></div> <div class="player-block bg"> <div class="playlist"> <span><p class="bg"></p>列表</span> <select class="selectobj" id="list"></select> <div class="select"></div> </div> <div class="seprator bg"></div> <div class="controls"> <a href="#" class="pre mode-bg" title="上一曲"></a> <a href="#" class="play mode-bg" title="播放" style="display:none"></a> <a href="#" class="pause mode-bg" title="暂停"></a> <a href="#" class="next mode-bg" title="下一曲"></a> <span style="float:left; margin-left:5px; margin-right:3px; display:inline;"> <a href="#" class="random-mode random-mode-select mode-bg" title="随机播放"></a> <a href="#" class="order-mode mode-bg" title="列表循环"></a> <a href="#" class="single-mode mode-bg" title="单曲循环"></a> </span> <a href="#" class="download bg" id="download" title="下载舞曲">下载</a> </div> <div class="seprator bg"></div> <div class="info"> <div class="song-name">欢迎使用网页模板</div><div class="time" id="playtime">00:00</div><div class="s" >/</div><div class="time" id="totaltime">00:00</div> <div class="tracks bg"> <div class="download-bar bg"> <div class="l bg">l</div> <div class="r bg">r</div> </div> <div class="seek-bar bg"> <div class="l bg"></div> <div class="r bg"></div> <div class="point bg"></div> </div> </div> </div> <div class="seprator bg"></div> <div class="volumn"> <a class="mute mode-bg"></a> <a class="unmute mode-bg"></a> <div class="line bg"> <div class="tracks" id="volumn"> <div class="volumn-bar bg"> <div class="l bg"></div> <div class="r bg"></div> <div class="point bg"></div> </div> </div> </div> </div> </div> <div class="player-r bg"></div> </div> <script language="javascript" type="text/javascript" src="js/f.js"></script> <script language="javascript" type="text/javascript" src="js/data.js"></script> <script language="javascript" type="text/javascript" src="js/jquery.min.js"></script> <script language="javascript" type="text/javascript" src="js/jquery.jplayer.min.js"></script> <script language="javascript" type="text/javascript" src="js/main.js"></script> </div>  <div style="text-align:center;clear:both"> <p>适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. </p> <p>来源：<a href="http://www.moobnn.com/" target="_blank">网页模板</a></p> </div> </body></html>

评论收藏

内容反馈

版权申诉