60多套html5移动端模板_html手机模板,移动端html5模板资源-CSDN文库

共1794个文件

jpg：586个

png：520个

html：212个

html5

jquery

1星需积分: 47 119 浏览量 2018-06-09 02:53:08 上传评论 7 收藏 23.34MB ZIP 举报

HTML5移动端模板是一系列预先设计和编码的网页结构，它们为开发者和设计师提供了一个快速构建移动网站或应用的基础。这些模板通常包含响应式布局，能够适应不同尺寸的屏幕，从智能手机到平板电脑都能良好显示。在"60多套html5移动端模板"中，你将发现多种风格和功能各异的设计，可用于各种用途，如企业网站、电子商务平台、个人博客、产品展示等。 HTML5是超文本标记语言的最新版本，它引入了许多新特性，增强了网页的交互性和多媒体支持。例如，离线存储（App Cache）使网页能在离线状态下工作，Canvas元素提供了动态图形绘制能力，而Audio和Video元素则使得音频和视频的嵌入变得简单。 jQuery是一个流行的JavaScript库，它简化了DOM操作、事件处理、动画制作和Ajax交互。在移动端模板中，jQuery通常用于实现页面过渡效果、触摸事件的处理以及优化JavaScript代码的执行效率。 CSS（层叠样式表）在这些模板中起着关键作用，通过定义元素的样式和布局，实现了视觉上的吸引力和用户体验的提升。CSS3引入了新的选择器、伪类和边框半径等特性，还支持过渡、动画和2D/3D转换，这些在移动端模板中广泛使用，以创建流畅的交互效果和响应式布局。 WAP（无线应用协议）是一种早期的技术，用于在移动设备上访问互联网，但随着HTML5的普及，WAP逐渐被取代。现在的移动网站和应用主要基于HTML5，能提供更丰富的功能和更好的用户体验。在文件名称列表中，虽然具体的模板名称未给出，但通常这些模板会以独特的名称命名，以便用户识别它们的主题或用途。你可以根据自己的需求选择合适的模板，然后自定义颜色方案、字体、图像和其他元素，以适应你的品牌或项目需求。这些HTML5移动端模板为开发者和设计师提供了一种快速开发移动Web项目的途径，通过学习和利用这些模板，你可以节省大量时间和精力，同时提高项目的质量和专业性。无论是初学者还是经验丰富的开发者，都能从中受益，探索和实践最新的前端技术。

资源推荐

资源详情

资源评论

收起资源包目录

60多套html5移动端模板（1794个子文件）

0.6em 19KB

jquery-1.7.1.min.js.bak 92KB

mh.style.css.bak 17KB

indexnew.css.bak 16KB

index.css.bak 13KB

index.css.bak 11KB

d.css.bak 10KB

style.css.bak 9KB

zhengwen.html.bak 8KB

ngwap_global.css.bak 7KB

index.css.bak 7KB

chanpzhengwenjj.html.bak 7KB

chanpliebiao.html.bak 7KB

style.css.bak 5KB

liebiao.html.bak 5KB

c.css.bak 4KB

movie.css.bak 3KB

liebiao.css.bak 3KB

css.css.bak 2KB

shouji.css.bak 1KB

css.css.bak 0B

common.js.bak 0B

common.css 102KB

wen.css 100KB

common.css 88KB

2.css 80KB

common.css 70KB

m_subpage_style-20130715142753.css 59KB

1.css 49KB

m_new_style-20130715142753.css 44KB

list.css 44KB

style.css 38KB

mob.css 37KB

style.css 36KB

mobile.css 36KB

t.css 33KB

zt.css 32KB

wap.v2.css 31KB

base.css 30KB

css.css 28KB

mh.plus.css 27KB

main.css 26KB

zhengwen.css 26KB

min.duba.touch.css 23KB

pageIndex.css 22KB

product.css 21KB

style.css 21KB

tbtouch.css 20KB

f3d0a03a.m.css 20KB

m_index_style-20130715142717.css 18KB

mh.style.css 17KB

indexnew.css 16KB

zuopin.css 15KB

wap.css 15KB

wap.css 13KB

index.css 13KB

ngwap_list.css 12KB

jy.css 12KB

m.css 12KB

style.css 12KB

css.css 11KB

index.css 11KB

d.css 10KB

css.css 10KB

style.css 10KB

index.css 10KB

huanqiu.css 10KB

jy_detail.css 9KB

style.css 9KB

swiper-demos.css 8KB

1.css 8KB

hongxiu.css 8KB

zhaopin_new.css 8KB

screen.css 8KB

css.css 8KB

jumei_mobile.css 8KB

m2265.css 8KB

ngwap_global.css 7KB

css.css 7KB

style.css 6KB

m.css 6KB

index.css 6KB

wap.css 6KB

3.css 6KB

jy_list.css 6KB

zt.css 6KB

css.css 5KB

add2home.css 5KB

style.css 5KB

css.css 4KB

mobile.css 4KB

css.css 4KB

c.css 4KB

style.css 4KB

active.css 4KB

active (2).css 4KB

gbolbal_20141010.css 4KB

new_index.css 4KB

共 1794 条

<!DOCTYPE html><html><head><meta http-equiv="Cache-Control" content="max-age=86400"><meta content="text/html; charset=utf-8" http-equiv="Content-Type" /><meta charset="utf-8" /><title>仿联想导航微官网手机wap导航网站模板首页-【】</title><meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" /><meta content="yes" name="apple-mobile-web-app-capable" /><meta content="black" name="apple-mobile-web-app-status-bar-style" /><meta content="telephone=no" name="format-detection" /><link rel="shortcut icon" href="favicon.ico" mce_href="/favicon.ico" type="image/x-icon"><link href="css/common.css" rel="stylesheet" type="text/css" /><link href="css/css.css" rel="stylesheet" type="text/css" /><script src="js/jquery-1.4.1.min.js" type="text/javascript"></script><SCRIPT src="js/xui-2.3.2.min.js"></SCRIPT><SCRIPT src="js/NTUI.min.js"></SCRIPT></head> <body><div class="content" id="kknet"><header><a href="index.html" title="首页" class="logo"><img src="images/lenovo_link.png"></a></header><div class="module oz"><article class="topNews"><nav><ul><li class="current" curl="news" cname="今日推荐" tid="hot1" page="0"><div><div class="navHint"></div><span>今日推荐</span></div></li><li curl="news" cname="新品推荐" tid="hot1" page="1"><div><div class="navHint"></div><span>新品推荐</span></div></li><li curl="news" cname="热门小说" tid="hot1" page="2"><div><div class="navHint"></div><span>热门小说</span></div></li></ul></nav><section class=newsList><ul class=clearfix><li id="hot1"><div class="hot_day" page="0"><div class="hot_day_right"><a href="go.htm@url=http_3A_2F_2F3g.iletou.com_2Findex.do@partnerId=1451"><img src="http://images.90fan.cn/upfile/Uploadpictures/20139161620982763.jpg"><h2>彩票</h2><span>爱乐透彩票，资讯购买便捷</span><span class="star"></span></a></div></div></li><li id="hot1"><ul class="dh-list" page="1"> <li><a href="go.htm@url=http_3A_2F_2Fad2.easou.com_3A8080_2Fj10ad_2Fea2.jsp@channel=604&cid=bccn3513_49499_D_1&wver=t"><img alt="热歌推荐" src="Uploadpicturess/20138151352060915.jpg"><p>热歌推荐</p></a></li><li><a href="go.htm@url=http_3A_2F_2F1q1p.com"><img alt="游戏攻略" src="Uploadpicturess/2013112514241429691.png"><p>游戏攻略</p></a></li><li><a href="go.htm@url=http_3A_2F_2Fwap.wapok.cn_2Fa.php@aid=2606"><img alt="帝王" src="Uploadpicturess/2013112614494230788.jpg"><p>帝王</p></a></li><li><a href="go.htm@url=http_3A_2F_2F3248.yoyuan.net_2F@from=3248"><img alt="有缘网" src="Uploadpicturess/2013181753958040.jpg"><p>有缘网</p></a></li></ul></li><li id="hot1"><ul class="dh-list1" page="1"> <li><a href="go.htm@url=http_3A_2F_2Fduokoo.baidu.com_2Fnovel_2F@R=180&v=2&bkid=379229531&pageid=Twphm93c&from=1000472k&uid=10FBADF30D1"><img alt="莽荒纪" src="Uploadpictures/2013101011282162460.jpg"><p>莽荒纪</p></a></li><li><a href="go.htm@url=http_3A_2F_2Fduokoo.baidu.com_2Fnovel_2F@R=934&v=2&bkid=384873336&pageid=Twphm93c&from=1000472k&uid=10FBADF30D1"><img alt="大主宰" src="Uploadpictures/2013101011292546773.jpg"><p>大主宰</p></a></li><li><a href="go.htm@url=http_3A_2F_2Fduokoo.baidu.com_2Fnovel_2F@R=982&v=2&bkid=2012721&pageid=Twphm93c&from=1000472k&uid=10809EA2C1069"><img alt="完美世界" src="Uploadpictures/2013101011295842120.jpg"><p>完美世界</p></a></li><li><a href="go.htm@url=http_3A_2F_2Fduokoo.baidu.com_2Fnovel_2F@R=448&v=2&bkid=367857611&pageid=Twphm93c&from=1000472k&uid=10FBADF30D1"><img alt="傲世九重天" src="Uploadpictures/2013101011302921073.jpg"><p>傲世九重天</p></a></li></ul></li></ul></section></article></div><div class="module"><section class="ct-form-search"><form action="http://m.baidu.com/s" method="get" autocomplete="off" id="sform" > <div class="jsSelect" id="Select"> <div class="searchdown"></div> <ul> <li class="s"></li> <li id="baidu_s" title="百度"></li> <li id="taobao_s" title="淘宝"></li> <li id="fanke_s" title="凡客"></li> </ul> </div> <input type="hidden" name="from" value="1000472d"> <div class="in-search"> <input class="search_input" name="word" type="text" id="inp" value="" onFocus="this.value=''"> <input class="bton-search" name="s_1" type="image" src="images/search.jpg" id="sure" /> </div> </form> <script language="javascript"> //搜索 $(document).ready(function(){ $("body #Select").each(function(i){ i= i+1 this.id = "Select" + i; var SumimasenSelect = $("#Select"+i) $(SumimasenSelect).find("ul li:first").hover(function(){ $(this).parent("ul").css("height",120) $(this).siblings("ul li:not(.s)").click(function(){ $(this).parent("ul").css("height",28) var cdContent = $(this).text() $(SumimasenSelect).find("ul li:first").text(cdContent) }); $(this).parent(SumimasenSelect).mouseleave(function(){ $(this).css("height",28) }); $("#baidu_s").click(function(){ $("#inp").attr("name","word"); $("#inp").val("歼20模型上高速"); $("#sform").attr("action","../m.baidu.com/s"); $(".s").css("background","url(images/searchtype.jpg) 0px 0px no-repeat"); }); $("#taobao_s").click(function(){ $("#inp").attr("name","q"); $("#inp").val("毛呢外套"); $("#sform").attr("action","../r.m.taobao.com/s@p=mm_33437407_3424467_11080387"); $(".s").css("background","url(images/searchtype.jpg) 0px -28px no-repeat"); }); $("#fanke_s").click(function(){ $("#inp").attr("name","k"); $("#inp").val("限时特卖"); $("#sform").attr("action","http://s.vancl.com/search?"); $(".s").css("background","url(images/searchtype.jpg) 0px -56px no-repeat"); }); }); },function(){ $(".s").css("background","url(images/searchtype.jpg) 0px 0px no-repeat"); }); $("#inp").click(function(){ $("#inp").val("") }); }); </script> </section></div><div class="module" style="overflow:hidden;"> <section class="newsList link"><ul class=clearfix><li id="link1"><a href="go.htm@url=http_3A_2F_2Fai.m.taobao.com_2Fvip_2F@pid=mm_31205575_3470400_11300831"> <img alt="爱淘宝" src="Uploadpictures/201382816462376439.jpg"><br>爱淘宝</a><a href="go.htm@url=http_3A_2F_2Fsohu.hao3608.com"> <img alt="搜狐网" src="Uploadpictures/201282216575596345.jpg"><br>搜狐网</a><a href="go.htm@url=http_3A_2F_2Fifeng.hao3608.com"> <img alt="凤凰网" src="Uploadpictures/2012112817154061348.jpg"><br>凤凰网</a><a href="go.htm@url=http_3A_2F_2F3g.lenovomm.com_2Fw3g_2Findex.html@cnum=1001"> <img alt="乐商店" src="Uploadpictures/201382611161062918.jpg"><br>乐商店</a><a href="go.htm@url=http_3A_2F_2F54122.mmb.cn_2Fwap_2FColumn.do@columnId=12579"> <img alt="买卖宝" src="Uploadpictures/201382314112911839.png"><br>买卖宝</a><a href="go.htm@url=http_3A_2F_2Fm.idea123.cn_2Fshop_2F"> <img alt="购物频道" src="Uploadpictures/201311181471898305.png"><br>购物频道</a><a href="go.htm@url=http_3A_2F_2Fwap.zch168.com_2Fmain@sid=LM20120718220"> <img alt="中彩票" src="Uploadpictures/201382112382286832.jpg"><br>中彩票</a><a href="go.htm@url=http_3A_2F_2Fm.baidu.com_2Fs@from=1000472k&source=shpz001&sourcesuninfo=ad-8413-20-0-0-5&s_1=_25E7_2599_25BE_25E5_25BA_25A6_25E4_25B8_2580_25E4_25B8_258B"> <img alt="百度一下" src="Uploadpictures/20137413501536461.jpg"><br>百度一下</a><a href="go.htm@url=http_3A_2F_2F3g.iletou.com_2Findex.do@partnerId=1451"> <img alt="体彩福彩" src="Uploadpictures/2013103015454778109.png"><br>体彩福彩</a><a href="go.htm@url=http_3A_2F_2F52mmb.cn_2Fwap_2FColumn.do@columnId=1235200&fr=54144"> <img alt="男欢女爱" src="Uploadpictures/201382214331241557.jpg"><br>男欢女爱</a></li><li id="link1"><a href="go.htm@url=http_3A_2F_2Fwww.08060.com.cn_2Faccess_2Findex.php@ht=2000145&ptype=1000"> <img alt="看书" src="Uploadpictures/201382113183029089.jpg"><br>看书</a><a href="go.htm@url=http_3A_2F_2Fm.taobao.com"> <img alt="淘宝网" src="Uploadpictures/201311131072995456.jpg">

评论收藏

内容反馈