<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>仿Cooffee微官网手机wap微信网站模板首页-3v3手机WAP网站微信模板下载【3v3.cc】</title>
<meta name="viewport" content="width=device-width,user-scalable=no, initial-scale=1">
<link type="text/css" rel="stylesheet" href="wiying/Tpl/Wap/wiying/Index/M-coffee/default/index.css" />
<script type="text/javascript" src="wiying/Tpl/Wap/wiying/common/jquery.js"></script>
<script type="text/javascript" src="wiying/Tpl/Wap/wiying/common/jquery-1.2.6.pack.js"></script>
<script type="text/javascript" src="wiying/Tpl/Wap/wiying/common/g.base.js"></script>
<script type="text/javascript" src="wiying/Tpl/Wap/wiying/common/iscroll.js"></script>
<script type="text/javascript" src="wiying/Tpl/Wap/wiying/common/alert.js"></script>
<script type="text/javascript" src="wiying/Tpl/Wap/wiying/common/common.js"></script>
<script type="text/javascript">
var myScroll;
function loaded() {
myScroll = new iScroll('wrapper', {
snap: true,
momentum: false,
hScrollbar: false,
onScrollEnd: function() {
document.querySelector('#indicator > li.active').className = '';
document.querySelector('#indicator > li:nth-child(' + (this.currPageX + 1) + ')').className = 'active';
}
});
}
document.addEventListener('DOMContentLoaded', loaded, false);
</script>
</head>
<body>
<header>
<div class="banner">
<div id="wrapper" style="overflow: hidden; ">
<div id="scroller">
<ul id="thelist">
<li><p> </p><a href="#"><img src="upload/img/20131004/13808508548914.jpg" /></a></li><li><p></p><a href="#"><img src="upload/img/20131010/13814083294048.jpg" /></a></li> </ul>
</div>
</div>
</div>
<div id="nav">
<div id="prev" onclick="javascript:myScroll.scrollToPage('prev', 0);"></div>
<ul id="indicator">
<li class="active"></li><li ></li> </ul>
<div id="next" onclick="javascript:myScroll.scrollToPage('next', 0, 400, 2);"></div>
</div>
<div class="clr"></div>
</header>
<script>
var count = document.getElementById("thelist").getElementsByTagName("img").length;
for (i = 0; i < count; i++) {
document.getElementById("thelist").getElementsByTagName("img").item(i).style.cssText = " width:" + document.body.clientWidth + "px";
}
document.getElementById("scroller").style.cssText = " width:" + document.body.clientWidth * count + "px";
setInterval(function() {
myScroll.scrollToPage('next', 0, 400, count);
}, 3500);
window.onresize = function() {
for (i = 0; i < count; i++) {
document.getElementById("thelist").getElementsByTagName("img").item(i).style.cssText = " width:" + document.body.clientWidth + "px";
}
document.getElementById("scroller").style.cssText = " width:" + document.body.clientWidth * count + "px";
};
</script>
<div class="content">
<a href="index.php@g=Wap&m=Index&a=content&token=luoshangkun&id=74&pid=4&wecha_id=o0LVquEUQZAJWEkbfRgk47XcQIUk&loveU=mp.weixin.qq.com" data-role="none">
<div class="img" style="background:url(upload/img/20131004/13808513679078.png) center no-repeat; background-size:contain;"></div>
<div class="text">
<h2>关于我们</h2>
<p>空中森林<br>咖啡时光<br>尽情享受</p>
</div>
</a><a href="index.php@g=Wap&m=Index&a=content&token=luoshangkun&id=75&pid=4&wecha_id=o0LVquEUQZAJWEkbfRgk47XcQIUk&loveU=mp.weixin.qq.com" data-role="none">
<div class="img" style="background:url(upload/img/20131004/13808516215543.png) center no-repeat; background-size:contain;"></div>
<div class="text">
<h2>小店印象</h2>
<p>三层楼<br>玻璃房<br>小资情调</p>
</div>
</a><a href="index.php@g=Wap&m=Index&a=content&token=luoshangkun&id=76&pid=4&wecha_id=o0LVquEUQZAJWEkbfRgk47XcQIUk&loveU=mp.weixin.qq.com" data-role="none">
<div class="img" style="background:url(upload/img/20131004/13808516836066.png) center no-repeat; background-size:contain;"></div>
<div class="text">
<h2>经典饮品</h2>
<p>蓝莓慕斯<br>蜂蜜拿铁<br>美式咖啡</p>
</div>
</a><a href="index.php@g=Wap&m=Index&a=content&token=luoshangkun&id=77&pid=4&wecha_id=o0LVquEUQZAJWEkbfRgk47XcQIUk&loveU=mp.weixin.qq.com" data-role="none">
<div class="img" style="background:url(upload/img/20131004/13808517312860.png) center no-repeat; background-size:contain;"></div>
<div class="text">
<h2>特色菜肴</h2>
<p>意大利面<br>特色牛扒<br>烤海鲈鱼</p>
</div>
</a><a href="index.php@g=Wap&m=Index&a=lists&classid=266&token=luoshangkun&wecha_id=o0LVquEUQZAJWEkbfRgk47XcQIUk&loveU=mp.weixin.qq.com" data-role="none">
<div class="img" style="background:url(upload/img/20131004/13808517751032.png) center no-repeat; background-size:contain;"></div>
<div class="text">
<h2>优惠活动</h2>
<p>店面优惠<br>水果达人<br>会员卡</p>
</div>
</a><a href="index.php@g=Wap&m=Index&a=content&token=luoshangkun&id=78&pid=4&wecha_id=o0LVquEUQZAJWEkbfRgk47XcQIUk&loveU=mp.weixin.qq.com" data-role="none">
<div class="img" style="background:url(upload/img/20131004/13808517948568.png) center no-repeat; background-size:contain;"></div>
<div class="text">
<h2>联系我们</h2>
<p>一键联系<br>地址导航<br>欢迎光临</p>
</div>
</a></div>
<div class="footer">
<p class="footer-top">©Cooffee</p>
<p class="footer-bottom" data-role="none">
温馨提示:本信息仅供提供演示方便链接,与原网站无关! <a href="index.html">首页</a> <a href="zhengwen.html">正文页</a> <a href="liebiao.html">列表页</a>
</p>
</div>
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
H364_html网站模板_网页源码移动端前端_H5模板_自适应响应式源码.zip (59个子文件)
H364
wiying
Tpl
Wap
wiying
Index
M-coffee
default
style.css 2KB
index.css 3KB
common
xt.png 2KB
pic_07.png 2KB
pic_03.png 2KB
common.js 5KB
g.base.js 10KB
weiba-icons.png 13KB
public.css 7KB
jquery-1.2.6.pack.js 30KB
pic_05.png 2KB
iscroll.js 44KB
alert.js 8KB
pic_09.png 2KB
jquery.js 93KB
icons-18-white.png 2KB
liebiao.html 4KB
index.html 6KB
upload
img
20131004
13808519665886.jpg 216KB
13808527167880.jpg 94KB
13808527061559.jpg 66KB
1380853078136.jpg 210KB
13808526986378.jpg 163KB
13808530906401.jpg 54KB
13808635897919.jpg 237KB
13808530964330.jpg 117KB
13808527085129.jpg 61KB
13808638388132.png 2KB
13808517751032.png 2KB
13808519462144.jpg 230KB
13808519411281.jpg 171KB
13808531023867.jpg 89KB
13808530997065.jpg 125KB
13808517948568.png 2KB
13808516836066.png 5KB
13808531074438.jpg 81KB
13808530878822.jpg 194KB
13808519355142.jpg 231KB
13808519116905.jpg 226KB
13808531105037.jpg 102KB
13808527027553.jpg 113KB
13808527139552.jpg 169KB
13808519587072.jpg 199KB
13808527103165.jpg 100KB
13808527044030.jpg 50KB
13808530715012.jpg 111KB
13808514144482.jpg 228KB
13808519194196.jpg 198KB
13808531055410.jpg 96KB
1380851951794.jpg 219KB
13808519159649.jpg 165KB
13808516215543.png 3KB
13808526923330.jpg 118KB
13808519265377.jpg 241KB
13808508548914.jpg 70KB
13808513679078.png 3KB
13808517312860.png 1KB
20131010
13814083294048.jpg 256KB
zhengwen.html 4KB
共 59 条
- 1
资源评论
qw_6918966011
- 粉丝: 22
- 资源: 6161
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功