通过Swiper网站使用轮播图的切换效果

这里写目录标题

通过Swiper网站使用轮播图的切换效果

1、通过网络地址引入或者下载到本地

通过Swiper网站使用轮播图的切换效果
【注意】下载到本地解压后,需要用到的文件有swiper-bundle.min.js和swiper-bundle.min.css文件,这两个文件存在package文件夹内,找到这两个文件,分别放在自己的项目文件夹内,引入到项目中就可以使用了
通过Swiper网站使用轮播图的切换效果
通过Swiper网站使用轮播图的切换效果

2、写入html结构

通过Swiper网站使用轮播图的切换效果

3、设置复盒子宽高

通过Swiper网站使用轮播图的切换效果
设置复盒子的大小,看自己的情况,可以设置也可以不设置

4、写入轮播图切换效果的方法

通过Swiper网站使用轮播图的切换效果
通过Swiper网站使用轮播图的切换效果
通过Swiper网站使用轮播图的切换效果
通过Swiper网站使用轮播图的切换效果

上一篇:vue使用swiper时需要注意鼠标onmouse事件


下一篇:织梦列表页调用图片集并用swiper轮播展示