<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>手机MP3歌曲音乐网站触屏HTML5模板</title>
<link href="public/jquery.mobile-1.4.2.min.css" type="text/css" rel="stylesheet" />
<link href="public/base.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="public/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="public/jquery.mobile-1.4.2.min.js"></script>
<script type="text/javascript">
<!--
$(document).bind("mobileinit", function() {
$.mobile.ajaxEnabled = false;
});
//-->
</script>
</head>
<body>
<div data-role="page">
<div data-role="header" data-position="fixed">
<div class="top">
<a href="index.html" data-ajax="false" class="logo"><img src="public/images/logo.png" alt="手机MP3下载" /></a>
<a href="#search-popup" rel="nofollow" class="ui-nodisc-icon ui-btn ui-btn-b ui-corner-all ui-icon-search ui-btn-icon-notext search-btn" data-rel="popup" data-position-to="window" data-transition="pop">搜索</a>
</div>
<div data-role="navbar" data-iconpos="left">
<ul>
<li><a href="index.html" data-ajax="false" class="ui-btn ui-icon-home ui-btn-icon-left ui-btn-active">首页</a></li>
<li><a href="geshou/index.html" data-ajax="false" class="ui-btn ui-icon-star ui-btn-icon-left">歌手</a></li>
<li><a href="yinyue/index.html" data-ajax="false" class="ui-btn ui-icon-music ui-btn-icon-left">音乐</a></li>
</ul>
</div>
<div data-role="popup" id="search-popup" class="ui-corner-all" data-overlay-theme="b">
<a href="#" data-rel="back" rel="nofollow" class="ui-btn ui-corner-all ui-shadow ui-btn-a ui-icon-delete ui-btn-icon-notext ui-btn-right">关闭</a>
<form style="padding: 0 10px;" data-ajax="false" method="get" action="/search.asp">
<h3>搜索MP3:</h3>
<label for="keyword" class="ui-hidden-accessible">关键字:</label>
<input type="search" name="keyword" id="keyword" placeholder="请输入你要搜索的MP3">
<button type="submit" class="ui-btn ui-corner-all ui-shadow ui-btn-b ui-btn-icon-left ui-icon-check ui-mini">搜索</button>
</form>
</div>
</div>
<div role="main" class="ui-content">
<div class="pic_list">
<div class="ui-grid-c">
<div class="ui-block-a"><div class="singerpic"><a href="geshou/ogmjra.htm" data-ajax="false"><img src="public/images/nopic.gif" border="0" /><span>米娜</span></a></div></div>
<div class="ui-block-b"><div class="singerpic"><a href="geshou/odfxvd.htm" data-ajax="false"><img src="public/images/nopic.gif" border="0" /><span>王风举</span></a></div></div>
<div class="ui-block-c"><div class="singerpic"><a href="geshou/zndfus.htm" data-ajax="false"><img src="public/images/nopic.gif" border="0" /><span>小露</span></a></div></div>
<div class="ui-block-d"><div class="singerpic"><a href="geshou/xexpqc.htm" data-ajax="false"><img src="public/images/nopic.gif" border="0" /><span>赖雅妍</span></a></div></div>
<div class="ui-block-a"><div class="singerpic"><a href="geshou/zbdgkn.htm" data-ajax="false"><img src="public/images/nopic.gif" border="0" /><span>本多Ruru</span></a></div></div>
<div class="ui-block-b"><div class="singerpic"><a href="geshou/usotun.htm" data-ajax="false"><img src="public/images/nopic.gif" border="0" /><span>袁娅维</span></a></div></div>
<div class="ui-block-c"><div class="singerpic"><a href="geshou/kcztbc.htm" data-ajax="false"><img src="public/images/fbfff5508dbead549dc55c51d44c0c87.jpg" border="0" /><span>王若琳</span></a></div></div>
<div class="ui-block-d"><div class="singerpic"><a href="geshou/owvvvv.htm" data-ajax="false"><img src="public/images/2d5813fcdca11f9747e8c55539226cdb.jpg" border="0" /><span>Lady GaGa</span></a></div></div>
<div class="ui-block-a"><div class="singerpic"><a href="geshou/otqwin.htm" data-ajax="false"><img src="public/images/nopic.gif" border="0" /><span>安东</span></a></div></div>
<div class="ui-block-b"><div class="singerpic"><a href="geshou/xzbfgt.htm" data-ajax="false"><img src="public/images/nopic.gif" border="0" /><span>李易峰</span></a></div></div>
<div class="ui-block-c"><div class="singerpic"><a href="geshou/mexrhm.htm" data-ajax="false"><img src="public/images/nopic.gif" border="0" /><span>杨梓</span></a></div></div>
<div class="ui-block-d"><div class="singerpic"><a href="geshou/cytodh.htm" data-ajax="false"><img src="public/images/nopic.gif" border="0" /><span>Mariah Carey</span></a></div></div>
</div>
</div>
<div data-role="tabs" id="tabs">
<div data-role="navbar">
<ul>
<li><a href="#tab1" rel="nofollow" data-ajax="false" class="ui-btn-active">音乐MP3</a></li>
<li><a href="#tab2" rel="nofollow" data-ajax="false">热门MP3排行榜</a></li>
</ul>
</div>
<div id="tab1">
<div class="ui-corner-all">
<div class="ui-bar ui-bar-a music_list"><span><a href="geshou/thwxdj.htm" data-ajax="false">张振宇</a></span><h3><a href="mp3/jxlrgo.htm" data-ajax="false">长恨歌</a></h3></div>
<div class="ui-bar ui-bar-a music_list"><span><a href="geshou/mcfgud.htm" data-ajax="false">羽泉</a></span><h3><a href="mp3/wbxoqg.htm" data-ajax="false">彩虹</a></h3></div>
<div class="ui-bar ui-bar-a music_list"><span><a href="geshou/diwkyr.htm" data-ajax="false">王新什</a></span><h3><a href="mp3/ugnajv.htm" data-ajax="false">爱不爱都铭心刻骨</a></h3></div>
<div class="ui-bar ui-bar-a music_list"><span><a href="geshou/srresn.htm" data-ajax="false">许志安</a></span><h3><a href="mp3/svqgfy.htm" data-ajax="false">试新室</a></h3></div>
<div class="ui-bar ui-bar-a music_list"><span><a href="geshou/vwgfxa.htm" data-ajax="false">刘德华</a></span><h3><a href="mp3/xifhlz.htm" data-ajax="false">冰雨</a></h3></div>
<div class="ui-bar ui-bar-a music_list"><span><a href="geshou/zvddch.htm" data-ajax="false">古巨基</a></span><h3><a href="mp3/bjikcb.htm" data-ajax="false">情歌王</a></h3></div>
<div class="ui-bar ui-bar-a music_list"><span><a href="geshou/nuprtr.htm" data-ajax="false">丁当</a></span><h3><a href="mp3/aygiyt.htm" data-ajax="false">不只是朋友</a></h3></div>
<div class="ui-bar ui-bar-a music_list"><span><a href="geshou/lcthxe.htm" data-ajax="false">姚贝娜</a></span><h3><a href="mp3/bkclsb.htm" data-ajax="false">把握</a></h3></div>
<div class="ui-bar ui-bar-a music_list"><span><a href="geshou/dmvble.htm" data-ajax="false">任贤齐</a></span><h3><a href="mp3/uaaiec.htm" data-ajax="false">爱你的最后一天</a></h3></div>
<div class="ui-bar ui-bar-a music_list"><span><a href="geshou/zgxykh.htm" data-ajax="false">于毅</a></span><h3><a href="mp3/owwlvi.htm" data-ajax="false">感动</a></h3></div>
<div class="ui-bar ui-bar-a music_list"><span><a href="geshou/zmkzrg.htm" data-ajax="false">曹格</a></span><h3><a href="mp3/bagtlr.htm" data-ajax="false">寂寞先生</a></h3></div>
<div class="ui-bar ui-bar-a music_list"><span><a href="geshou/atmyca.htm" data-ajax="false">宇桐非</a></span><h3><a href="mp3/gddumf.htm" data-ajax="false">伤心的理由</a></h3></div>
<div class="ui-bar ui-bar-a music_list"><span><a href="geshou/paoazw.htm" data-ajax="false">宋冬野</a></span><h3><a href="mp3/fqitpu.htm" data-ajax="false">安和桥</a></h3></div>
<div class="ui-bar ui-bar-a music_list"><span><a href="geshou/sfrvlh.htm" data-ajax="false">七朵组合</a></span><h3><a href="mp3/wyazow.htm" data-ajax="false">玉生烟</a></h3></div>
<div class="ui-bar ui-bar-a music_list"><span><a href="geshou/sroacp.htm" data-ajax="false">卓依婷</a></span><h3><a href="mp3/kffmrz.htm" data-ajax="false">大团圆</a></h3></div>
<div class="ui-bar ui-bar-a music_list"><span><a href="geshou/bhbtgx.htm" data-ajax="false">无印良品</a></span><h3><a href="mp3/bkxhjp.htm" data-ajax="false">身边</a></h3></div>
<div class="ui-bar ui-bar-a music_list"><span><a href="geshou/afrrii.htm" data-ajax="false">庾澄庆</a>/<a href="geshou/ntvtke.htm" data-ajax="false">吴莫愁</a></span><h3><a href="mp3/ugpaze.htm" data-ajax="false">我要给你</a>
没有合适的资源?快使用搜索试试~ 我知道了~
手机MP3歌曲音乐网站HTML5模板.rar
共131个文件
png:104个
js:7个
jpg:7个
需积分: 9 12 下载量 174 浏览量
2019-05-28
18:08:07
上传
评论
收藏 285KB RAR 举报
温馨提示
手机MP3歌曲音乐网站HTML5模板基于jquery.mobile-1.4.2.min.js实现,适用于制作手机MP3歌曲免费下载WAP网站,自适应屏幕大小,全套模板,包含首页、歌手、音乐、MP3播放页面等网站模板页面。
资源推荐
资源详情
资源评论
收起资源包目录
手机MP3歌曲音乐网站HTML5模板.rar (131个子文件)
jquery.mobile-1.4.2.min.css 202KB
base.css 6KB
player.css 2KB
ajax-loader.gif 6KB
nopic.gif 4KB
listen.gif 3KB
lyrics.gif 1KB
null.gif 1KB
nvwwna.htm 11KB
owvvvv.htm 6KB
index.html 21KB
index.html 13KB
index.html 6KB
progress_sprite.jpg 71KB
2d5813fcdca11f9747e8c55539226cdb.jpg 14KB
fbfff5508dbead549dc55c51d44c0c87.jpg 9KB
82878ca820f0e71c4e9d00ed37e6dc32.jpg 4KB
controls.jpg 4KB
bgr.jpg 4KB
6d3f089ba48bc6386a88e1fd1db1ffbb.jpg 2KB
jquery.mobile-1.4.2.min.js 191KB
jquery-1.10.2.min.js 91KB
jquery.jplayer.min.js 53KB
jquery.transform2d.js 14KB
circle.player.js 8KB
jquery.grab.js 5KB
mod.csstransforms.min.js 2KB
progress.png 7KB
logo.png 7KB
buffer.png 5KB
icon.png 1KB
singer_name_bg.png 923B
music.png 360B
search-black.png 324B
search-white.png 321B
gear-black.png 318B
clock-white.png 316B
audio-white.png 314B
clock-black.png 310B
forbidden-white.png 308B
audio-black.png 307B
power-white.png 302B
gear-white.png 302B
refresh-white.png 301B
forbidden-black.png 299B
refresh-black.png 295B
power-black.png 292B
phone-white.png 274B
phone-black.png 270B
recycle-white.png 253B
eye-white.png 253B
info-white.png 251B
camera-white.png 251B
camera-black.png 250B
info-black.png 250B
eye-black.png 249B
location-white.png 247B
heart-white.png 246B
user-black.png 245B
location-black.png 245B
user-white.png 245B
alert-black.png 244B
recycle-black.png 243B
forward-white.png 243B
alert-white.png 243B
navigation-black.png 242B
heart-black.png 242B
navigation-white.png 241B
back-white.png 240B
star-white.png 239B
back-black.png 233B
forward-black.png 233B
star-black.png 231B
action-white.png 227B
mail-white.png 227B
mail-black.png 226B
action-black.png 219B
carat-d-white.png 213B
cloud-black.png 212B
cloud-white.png 210B
carat-d-black.png 207B
lock-white.png 207B
lock-black.png 204B
carat-u-white.png 204B
carat-u-black.png 196B
carat-r-white.png 194B
carat-r-black.png 184B
carat-l-white.png 177B
shop-black.png 174B
carat-l-black.png 174B
arrow-d-l-white.png 173B
shop-white.png 173B
check-white.png 172B
video-black.png 171B
arrow-d-r-white.png 171B
video-white.png 170B
edit-white.png 170B
check-black.png 169B
arrow-u-l-white.png 169B
grid-white.png 167B
共 131 条
- 1
- 2
资源评论
weixin_39841848
- 粉丝: 509
- 资源: 1万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功