swiper插件需要引入的样式和需要写的动画重置JS段

原创 ray534 随笔 仅供自己看 256阅读 2017-06-20 10:13:09 举报

<link rel="stylesheet" href="css/animate.css" />
<script src="js/swiper-3.4.1.min.js"></script>
<script src="js/idangerous.swiper2.7.6.js"></script>
<script src="js/swiper.animate1.0.2.min.js"></script>

需要引入3份JS文件,和一份CSS文件。

并且为了换层重置,重新渲染样式,还需要引入一段JS。
<script>
var mySwiper = new Swiper ('.swiper-container', {
mode : 'vertical',
onFirstInit: function(swiper){ //Swiper2.x的初始化是onFirstInit
swiperAnimateCache(swiper); //隐藏动画元素
swiperAnimate(swiper); //初始化完成开始动画
},
onSlideChangeEnd: function(swiper){
swiperAnimate(swiper); //每个slide切换结束时也运行当前slide动画
}
})
</script>

评论 ( 1 )
最新评论
ray534 2017-06-20 10:19:07 1F

请不要评论,仅给自己看的 笔记。