HTML实现滑动切换页面,html+js(swiper.js)+css左右滑动切换页面效果，适配移动端

demo：

截图：

结构：

1、swiper-progress.html

2、css文件夹

-swiper.css

-swiper.min.css

3、js文件夹

-swiper.min.js

-swiper.js

swiper-progress.html

移动端左右滑动demo

html, body {

position: relative;

height: 100%;

}

body {

-webkit-tap-highlight-color:rgba(255,0,0,0);

background: #fff;

font-family: Helvetica Neue, Helvetica, Arial, sans-serif;

font-size: 14px;

color:#000;

margin: 0;

padding: 0;

}

.swiper-container {

width: 100%;