1.首先加载插件，需要用到的文件有swiper.min.js和swiper.min.css文件。

　　　　　　...　　　　
     　　　　　　　　...　　　　

如果你的页面加载了jQuery.js或者zepto.js，你可以选择使用更轻便的swiper.jquery.min.js。

　　　　　　...　　　　
     　　　　　　　　...　　　　　　

2.HTML内容。

     
      　　
      
       　　　　
       
        Slide 1
       
　　　　
       
        Slide 2
       
　　　　
       
        Slide 3
       
　　
      
　　
      　　
      
　　
      　　
      
　　
      
　　
      　　
      
     

导航等组件可以放在container之外

3.你可能想要给Swiper定义一个大小，当然不要也行。

.swiper-container {
   　　width: 600px;　　height: 300px;}

4.初始化Swiper：最好是挨着</body>标签 （函数调用）

如果不能写在HTML内容的后面，则需要在页面加载完成后再初始化。

 或者这样（Jquery和Zepto）

5.完成。恭喜你，现在你的Swiper应该已经能正常切换了。