使用swiper3实现整屏滚动和animate动画的使用

使用swiper3实现整屏滚动和animate动画的使用

第一步:准备必须的swiper css文件和js文件,这里我们将使用swiper3为例

可以直接去swiper中文网下载 地址:https://www.swiper.com.cn

第二步:搭建整个页面的框架

在这里我们将省略head部分的引入,直接上干货,但是一定要记住引入 swiper.min.css 和 swiper.min.js 文件

此处为第一屏的内容
此处为第二屏的内容
此处为第三屏的内容
此处为第四屏的内容
此处为第五屏的内容

上面就是整体的一个页面框架

第三步,初始化swiper方法&#x

你可能感兴趣的:(swiper,swiper,animate,css)