使用swiper.js创建嵌套的swiper
相信在项目中使用过swiper.js的同学会跟我一样,觉得这个软件真的很好用。首先API调用简单,其次就是他的官方文档写得非常之详细,非常容易上手。 自己在项目中使用swiper.js很长时间了,这里根据自己的一些经验和心得对swiper.js进行总结。 swiper.js官网 官网地址:https://www.swiper.com.cn/ 官网快捷链接:Swiper4使用方法 、Swiper4的API文档 嵌套两个或多个siwper 根据官方文档,我们创建一个swiper是非常简单的,但是如何创建两个swiper,这对于一些新手小白来说可能比较迷茫。这里先给出代码,然后再进行解释。 示例代码 下载并引入swiper文件: <link rel="stylesheet" href="swiper-4.3.3.min.css"> <script src="swiper-4.3.3.min.js"></script> HTML代码: <!-- 定义父swiper --> <div class="swiper-container first...
