Swiper使用方法：

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

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

2.添加HTML内容。

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

4.初始化Swiper：最好是挨着</body>标签。

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

或者这样（Jquery和Zepto）

5.完成。恭喜你，现在你的Swiper应该已经能正常切换了，如果没有，你可以参考下这个。现在开始添加各种丰富你的Swiper，开启华丽移动前端创作之旅。

*建议不使用Source Map功能，请把js压缩文件最后一行//# sourceMappingURL=maps/swiper.min.js.map 删掉。以免在某些浏览器出现以下提示：

如需要使用Source Map，演示包里面有该map文件，请放在相应的位置

================================================================================

二、选项和参数介绍：

1  2  3      4         
      5          6         
      7         20     21     22         
     
      23             
      
       24                 
       
        Slide 1
       
25                 
       
        Slide 2
       
26                 
       
        Slide 3
       
27                 
       
        Slide 4
       
28                 
       
        Slide 5
       
29                 
       
        Slide 6
       
30                 
       
        Slide 7
       
31                 
       
        Slide 8
       
32             
      
33             
      34             
      
35             36             
      37             
      
38             
      
39             40             
      41             
      
42         
     
43         
     44         45         46         88     89

更多选项-参数请参考：

swiper下载链接：

转载于:https://www.cnblogs.com/xiangru0921/p/6549347.html

你可能感兴趣的文章