(六)swiper切换效果和进度

(1) 本节知识点

  • swiper切换效果 effect
    --"slide" 位移
    -- "fade" 淡入
    -- " cube" 3d方块
    -- "coverflow" 3d流
    -- "flip" 3d翻转
  • 进度
  • watchSlidesProgress
    --mySwiper.progress
    --mySwipwe.slides[n].progress
  • onProgress

(2) 效果开始 代码

(i) 切换效果





  
  
  
  Document
  
  




  
Slide 1
Slide 2
Slide 3

(ii) 自定义自定义滑块





  
  
  
  Document
  
  




  
Slide 1
Slide 2
Slide 3

你可能感兴趣的:((六)swiper切换效果和进度)