swpier.js使用具体方法

jquery.swiper.js
Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。Swiper开源、免费、稳定、使用简单、功能强大，是架构移动终端网站的重要选择！

1. 引入文件

2. html部分布局

Slide 1

Slide 2

Slide 3

<!-- 如果需要导航按钮 -->
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>

<!-- 如果需要滚动条 -->
<div class="swiper-scrollbar"></div></div>

导航等组件可以放在container之外
3. 设置Swiper大小 (可选)
控制swiper大小可通过swiper-container容器
.swiper-container {
width: 600px;
height: 300px;
}
4. js初始化Swiper
初始化Swiper必须放到页面加载完成之后， 例如放到末尾，