swiper来自官网

Swiper使用方法
1.首先加载插件,需要用到的文件有swiper.min.js和swiper.min.css文件。


 ... 
    
    

 ... 
    
    


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



 ... 
  

 ... 
    
    

2.HTML内容。

Slide 1
Slide 2
Slide 3

Slide 1

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

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

4.初始化Swiper:最好是挨着标签



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


或者这样(Jquery和Zepto)


5.完成。恭喜你,现在你的Swiper应该已经能正常切换了,如果没有,你可以参考下这个测试包。现在开始添加各种选项和参数丰富你的Swiper,开启华丽移动前端创作之旅。
*建议不使用Source Map功能,请把js压缩文件最后一行//# sourceMappingURL=maps/swiper.min.js.map 删掉。

研究Swiper API文档

你可能感兴趣的:(swiper来自官网)