码迷,mamicode.com
首页 > 其他好文 > 详细

swiper 使用心得

时间:2019-09-19 19:22:50      阅读:103      评论:0      收藏:0      [点我收藏+]

标签:var   怎么   blank   get   现在   点击   特效   start   rac   

首先,我在这次学习的最大收益是,学习新框架、或者技术,先找官方文档比较好,那里的很全,你想要的基本都有的,如果没有那就是不支持喽

然后简单概括下是怎么用的(比较谦虚,大家勿怪)

一 、找他的官方文档 https://swiperjs.com/demos/   点击 : Open in new window 接着右键V把源码直接放进去,在这里我就不搬过来了

二、把他的css、js 文件拷贝过来 

  https://swiperjs.com/package/css/swiper.min.css

  https://swiperjs.com/package/js/swiper.min.js

  现在你就可以看到效果了。

三、如果需要其他效果,例如:自动切换、切换特效,在他官方说明里找,只改js就可以了

  https://www.swiper.com.cn/api/start/new.html

  例如:自动切换 添加:

  

<script>
var mySwiper = new Swiper(‘.swiper-container‘, {
  autoplay:true,//等同于以下设置
  /*autoplay: {
    delay: 3000,
    stopOnLastSlide: false,
    disableOnInteraction: true,
    },*/
});
</script>

  

swiper 使用心得

标签:var   怎么   blank   get   现在   点击   特效   start   rac   

原文地址:https://www.cnblogs.com/hkzw/p/11551644.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!