swiper.js

【推荐阅读】微服务还能火多久？>>> swiper.js http://www.swiper.com.cn/ 官方网站，下载的类库和要用那些api我们都需在这里查找 http://www.swiper.com.cn/demo/senior/index.html 各种效果，我们要做的就是这种 我们简单发现，就是每一屛会出现动画（css3 animation），切换的当前屏会重新执行动画，可推出，没显示的屏删除了动画 看我们发现了什么？看第一张firebug截图 每一屛就是一个section标签， 在当前显示的section上有了其他兄弟没有的 swiper-slide-active类名 再看当前显示的section下的子标签通过这个swiper-slide-active 类添加了什么，截图 看右侧，发现了，section有swiper-slide-active 类名下的元素添加了animation动画处理 我们已经可以得出原理了 当前显示的那一屏，就是那个section标签有一个swiper-slide-active 类名 有了swiper-slide-active 类名，他下面的子元素会添加css3动画效果（动画css样式） 我们的动画样式就是挂在在swiper-slide-active下面的，通过添加删除这个类名，实现下面元素动画的有无（当前那一屏动画的有无） 我们总结如下 初始