Swiper的使用流程

1.官网查看演示

Swiper演示 - Swiper中文网

2.找到想使用的

比如想使用  卡片切换(255)  记住这个名字

3.去下载示例

 下载Swiper - Swiper中文网

 

4.找到对应文件

5.根据里面引入的东西加到自己的页面

一定要引入swiper的 js 和 css

html结构要按示例对应的三层结构

需要 js,css,html 这三个部分组成才可以，根据自己的需要添加对应功能

html 

    

        
Slide 1
        
Slide 2
        
Slide 3
    
    
    

    
    
    

    

    
    
    

 js

css

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