===================================================================
步骤四:Swiper动画的初始化,以及animate的初始化
=========================================================================================
步骤五、在需要运动的元素上面增加类名ani ,和其他的类似插件相同
============================================================================================
Swiper Animate需要指定几个参数
-
swiper-animate-effect:切换效果,例如 fadeInUp
-
swiper-animate-duration:可选,动画持续时间(单位秒),例如 0.5s
-
swiper-animate-delay:可选,动画延迟时间(单位秒),例如 0.3s
代码如下
![](images/flower.png)
![](images/s1.png)
![](images/s1-t1.png)
![](images/s1-t2.png)
==========================================================================
轮播图这块,除了ui框架的轮播组件外,用的最多的就swiper了吧!毕竟ui框架中,轮播组件的定制化功能还是比较欠缺的,毕竟不是专业做轮播的。swiper制作轮播图,他是包含背景,并且每一个轮播的图片在动的时候,与背景之间还存在一定的视觉差,这样使轮播图看起来更有层次感和流动感。