我介绍过一种手机移动端上下滑动的效果,那个效果是通过zepto来实现的,今天我来介绍一种基于swiper实现手机端上下滑动的效果.我先来贴出body内的代码
来自：luofanting.com.cn/mobile-end-sliding-effect-based-on-swiper/
网页开发吧 关注：1,626贴子：7,964
- 3回复贴，共1页
<body onload="init.body()"><div id="main" class="main"> <img id="main_top" src="img/top.png" /><section id='sec01' class="main" style="background: blue;"><img class="bg" src="img/1.png" /><img src="img/P1/jiantou.png" id="sec02_jiantou" class="center jiantou" /></section><section id='sec02' class="main none" style="background: blue;"><img class="bg" src="img/2.png" /><img src="img/P1/jiantou.png" id="sec02_jiantou" class="center jiantou" /></section><section id='sec03' class="main none" style="background: blue;"><img class="bg" src="img/3.png" /><img src="img/P1/jiantou.png" id="sec02_jiantou" class="center jiantou" /></section><section id='sec04' class="main none" style="background: blue;"><img class="bg" src="img/4.png" /><img src="img/P1/jiantou.png" id="sec02_jiantou" class="center jiantou" /></section><section id='sec05' class="main none" style="background: blue;"><img class="bg" src="img/5.png" /><img src="img/P1/jiantou.png" id="sec02_jiantou" class="center jiantou" /></section><section id='sec06' class="main none" style="background: blue;"><img class="bg" src="img/6.png" /><img src="img/P1/jiantou.png" id="sec02_jiantou" class="center jiantou" /></section><img id="main_bottom" src="img/top.png" /></div> <div id="onclick" class="none" style="top:0;"><div> </div></div></body>
扫二维码下载贴吧客户端
下载贴吧APP
看高清直播、视频！
看高清直播、视频！
贴吧热议榜
- 1吧友嘲哪吒破百亿就是痴人说梦2897130
- 2JDG出师不利谁是最大罪人2432839
- 3米塔开发者表示中配太贵买不起2016448
- 4蛇年央视元宵晚会来了1956636
- 5哪吒2海外上座率暴打美国队长41707680
- 6乌克兰被特朗普抛弃气数已尽1248025
- 7深圳厂妹因黑眼圈过重被强制辞退991416
- 8梁文锋身家可能超越老黄820847
- 9山寨版哪吒2诈骗电影辣瞎眼776094
- 10贝林厄姆绝杀皇马拿下曼城772044
