swiper学习

swiper框架

目前市场上比较流行的一种框架

自学一部分动画效果

direction：方向，两个属性值

vertical：垂直的，切换方向为上下

Horizontal：水平的，默认值

pagination：分页，下方的点

slidesPerView：幻灯片视图，显示在屏幕上的页数

slidesPerColumn：每列幻灯片的数量

paginationClickable：分页显示，控制页面的跳转（点击圆点），默认值为false

spaceBetween：空间，分页的间距

freeMode：自由滑动，可不固定在一个页面上

centeredSlides：本幻灯片，令页面可选中，默认值为false

grabCursor：光标变为手型

scrollbarHide：滚动条类型

loop：循环效果，默认为false，添加后实现循环

effect: 'fade' ：淡入效果

keyboardControl：键盘控制，设置后可用键盘控制图片，默认为false

mouse wheel Control：鼠标滚轮控制，默认为false

autoplay：自动播放

autoplayDisableOnInteraction: 交互播放禁用，默认为true，自动播放时若用户与对象有交互行为时，自动播放会停止，只需把默认值改为false即可

dir="rtl"：加载时为最后一页

debugger：调试器

以上就是关于广告轮播动画的一部分属性