swiper的使用（一）

<link rel="stylesheet" href="swiper.css">
<script src="swiper.js"></script>

再建立一个外部容器。swiper-cotainer

<div class="swiper-container">

然后在外部容器当中添加一个内部容器。swiper-wrapper

<div class="swiper-wrapper">

在内部容器当中添加每一个翻页页面

<div class="swiper-slide>页面内容</div>
<div class="swiper-slide>页面内容</div>
<div class="swiper-slide>页面内容</div>
<div class="swiper-slide>页面内容</div>
<div class="swiper-slide>页面内容</div>
<div class="swiper-slide>页面内容</div>
</div>
</div>

然后在js当中进行初始化

<script>
var swiper = new Swiper('.swiper-container');
</script>

以上就是swiper的使用（一）的内容，更多相关内容请关注PHP中文网（www.gxlcms.com）！