<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>仿海贝微官网手机wap微信网站模板首页</title>
<meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta charset="utf-8">
<link rel="stylesheet" href="css/idangerous.swiper.css">
<link href="css/iscroll.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="css/plugmenu.css">
<link href="css/cate/cate18_.css" rel="stylesheet" type="text/css">
<script src="js/iscroll.js" type="text/javascript"></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 id="cate18">
<div class="banner">
<div id="wrapper" style="overflow: hidden; ">
<div id="scroller">
<ul id="thelist">
<li><p>标题一</p><img src="images/2.jpg" /></li>
<li><p>标题二</p><img src="images/3.jpg" /></li>
<li><p>标题三</p><img src="images/2.jpg" /></li>
</ul>
</div>
</div>
<div id="nav">
<div id="prev" onClick="myScroll.scrollToPage('prev', 0,400,3);return false">← prev</div>
<ul id="indicator">
<li class="active">1</li>
<li>2</li>
<li>3</li>
</ul>
<div id="next" onClick="myScroll.scrollToPage('next', 0,400,3);return false">next →</div>
</div>
<div class="clr"></div>
</div>
<div class="device">
<a class="arrow-left" href="#"></a>
<a class="arrow-right" href="#"></a>
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="content-slide">
<a href="index.html">
<p class="ico"><img src="images/h.png" /></p>
<p class="title">首页</p>
</a>
<a href="xiangcemore.html">
<p class="ico"><img src="images/p.png" /></p>
<p class="title">海贝相册</p>
</a>
<a href="pinpai.html">
<p class="ico"><img src="images/a.png" /></p>
<p class="title">关于海贝</p>
</a>
<a href="jiameng.html">
<p class="ico"><img src="images/b.png" /></p>
<p class="title">加盟条件</p>
</a>
<a href="xiangce.html">
<p class="ico"><img src="images/x.png" /></p>
<p class="title">心族系列</p>
</a>
<a href="#">
<p class="ico"><img src="images/j.png" /></p>
<p class="title">领取优惠券</p>
</a>
<a href="#">
<p class="ico"><img src="images/y.png" /></p>
<p class="title">在线预订</p>
</a>
<a href="lianxi.html">
<p class="ico"><img src="images/c.png" /></p>
<p class="title">联系我们</p>
</a>
</div>
</div>
<div class="swiper-slide">
<div class="content-slide">
<a href="index.html">
<p class="ico"><img src="images/h.png" /></p>
<p class="title">首页</p>
</a>
<a href="xiangcemore.html">
<p class="ico"><img src="images/p.png" /></p>
<p class="title">海贝相册</p>
</a>
<a href="pinpai.html">
<p class="ico"><img src="images/a.png" /></p>
<p class="title">关于海贝</p>
</a>
<a href="jiameng.html">
<p class="ico"><img src="images/b.png" /></p>
<p class="title">加盟条件</p>
</a>
<a href="xiangce.html">
<p class="ico"><img src="images/x.png" /></p>
<p class="title">心族系列</p>
</a>
<a href="#">
<p class="ico"><img src="images/j.png" /></p>
<p class="title">领取优惠券</p>
</a>
<a href="#">
<p class="ico"><img src="images/y.png" /></p>
<p class="title">在线预订</p>
</a>
<a href="lianxi.html">
<p class="ico"><img src="images/c.png" /></p>
<p class="title">联系我们</p>
</a>
</div>
</div>
<div class="swiper-slide">
<div class="content-slide">
<a href="index.html">
<p class="ico"><img src="images/h.png" /></p>
<p class="title">首页</p>
</a>
<a href="#">
<p class="ico"><img src="images/p.png" /></p>
<p class="title">海贝相册</p>
</a>
<a href="pinpai.html">
<p class="ico"><img src="images/a.png" /></p>
<p class="title">关于海贝</p>
</a>
<a href="jiameng.html">
<p class="ico"><img src="images/b.png" /></p>
<p class="title">加盟条件</p>
</a>
<a href="xiangce.html">
<p class="ico"><img src="images/x.png" /></p>
<p class="title">心族系列</p>
</a>
<a href="#">
<p class="ico"><img src="images/j.png" /></p>
<p class="title">领取优惠券</p>
</a>
<a href="#">
<p class="ico"><img src="images/y.png" /></p>
<p class="title">在线预订</p>
</a>
<a href="lianxi.html">
<p class="ico"><img src="images/c.png" /></p>
<p class="title">联系我们</p>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="pagination">
<span class="swiper-pagination-switch swiper-visible-switch swiper-active-switch"></span>
</div>
<script src="js/jquery-1.10.1.min.js" type="text/javascript"></script>
<script src="js/idangerous.swiper-2.1.min.js" type="text/javascript"></script>
<script>
var mySwiper = new Swiper('.swiper-container',{
pagination: '.pagination',
loop:true,
grabCursor: true,
paginationClickable: true
})
$('.arrow-left').on('click', function(e){
e.preventDefault()
mySwiper.swipePrev()
})
$('.arrow-right').on('click', function(e){
e.preventDefault()
mySwiper.swipeNext()
})
</script>
<script>
var count = document.getElementById("thelist").getElementsByTagName("img").length;
var count2 = document.getElementsByClassName("menuimg").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>
</body>
</html>
(FZY008)某服饰网站手机模板.zip （57个子文件） 
(FZY008)某服饰网站手机模板 
lianxi.html 5KB jiameng.html 6KB js 
jquery-1.10.1.min.js 91KB idangerous.swiper-2.1.min.js 39KB iscroll.js 34KB pinpai.html 6KB xiangce.html 5KB css err.css 869B iscroll.css 2KB plugmenu.css 5KB cate cate18_.css 3KB cate16_3.css 2KB news news1_3.css 13KB news2_3.css 12KB photoswipe photoswipe.css 4KB
error.gif 3KB photo.css 7KB
icons.png 3KB loader.gif 3KB icons_402x.png 5KB idangerous.swiper.css 3KB listhome listhome5_3.css 13KB index.html 7KB images 
1234534.jpg 56KB guide.png 37KB errorbg.jpg 10KB 2.jpg 78KB Thumbs.db 45KB x.png 5KB recommend.png 795B c.png 10KB plugmenu Thumbs.db 6KB plugmenu.png 234B errortouxiang.png 21KB themes bottom.png 3KB Thumbs.db 16KB pre2.png 4KB Refresh2.png 5KB menu.png 3KB bg004.jpg 46KB home2.png 4KB ico-next2.png 3KB arrows.png 1KB newstop.png 3KB a.png 3KB 12341235.jpg 72KB h.png 5KB ttext.png 1KB y.png 2KB b.png 2KB j.png 6KB ico-next.png 1KB icon_msg.png 939B 3.jpg 68KB 1231.jpg 47KB p.png 5KB icon_timeline.png 3KB资源评论
CrMylive.
- 粉丝: 1w+
- 资源: 4万+
下载权益
C知道特权
VIP文章
课程特权
VIP享7折，此内容立减5.97元 开通VIP
最新资源
- springboot129学生选课系统.zip
- springboot131企业oa管理系统.zip
- springboot130社团管理系统.zip
- springboot134英语知识应用网站的设计与实现.zip
- 西门子RWX62控制器说明书
- springboot133在线课程管理系统.zip
- springboot136人口老龄化社区服务与管理平台.zip
- springboot135林业产品推荐系统.zip
- springboot137欢迪迈手机商城设计与开发.zip
- springboot139华强北商城二手手机管理系统.zip
- springboot140体育馆使用预约平台的设计与实现.zip
- springboot138宠物领养系统的设计与实现.zip
- springboot142新冠病毒密接者跟踪系统.zip
- springboot144基于mvc的高校办公室行政事务管理系统设计与实现.zip
- springboot141夕阳红公寓管理系统的设计与实现.zip
- springboot146基于Spring Boot的可盈保险合同管理系统的设计与实现.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
