![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
swiper
文章平均质量分 92
judy_1118
这个作者很懒,什么都没留下…
展开
-
swiper滑动时每页都有动画
效果原理给每一页带动画的元素一个通用的class属性,用来显示隐藏,比如第一页的就都是animated-1,第二页的都是animated-2在swiper初始化的时候调用添加动画的函数代码(demo)<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>swiper翻页时页面上有动画</title> <link rel="styleshee原创 2021-01-04 13:57:55 · 2206 阅读 · 0 评论 -
swiper的使用+指定跳转
下载首先官网链接:https://www.swiper.com.cn/在官网点击【获取swiper】–【下载swiper】–选择相应的文档进行下载使用将下载的swiper解压缩,然后会发现有很多文件在官网点击【在线演示】–【swiper基础演示】,选择自己想实现的效果,比如:选择了基础滑动(010),则去解压缩的swiper文件夹里,找到demos文件夹,其中的010开头的html文件,就是这个效果,找到对应的css和js(一般在dist文件夹里),引入到自己的代码中,将010里面的原创 2020-11-03 16:32:04 · 2750 阅读 · 0 评论 -
swiper滑动切换变换样式,实时显示当前索引
需求参加活动送的车模型有一个展示页,展示页需要可以滑动查看,并且查看的那个车在最中心且背景颜色、车的大小、文字颜色发生改变。下面的例子是做完后又在swiper官网的案例中改的,我一般都不会直接用给公司做的项目,另外写一个可以实现功能的小demo作为总结。一个是不会产生什么纠纷,另一个就是单拿出来后加深了印象,下次再用也方便效果...原创 2020-12-07 10:49:21 · 2076 阅读 · 0 评论