Swiper中文论坛

标题: 使用swiper给一个元素添加两个动画的问题 [打印本页]

作者: Cracks 时间: 2017-6-27 20:29
标题: 使用swiper给一个元素添加两个动画的问题
<img class="ani" id="yun" data-slide-in="at 3000 from shuye use swing during 1000" src="/images/b2.png"/>

var mySwiper = new Swiper('.swiper-container',{
direction : 'vertical',
onInit: function(swiper){ //Swiper2.x的初始化是onFirstInit
      swiperAnimateCache(swiper); //隐藏动画元素
      swiperAnimate(swiper); //初始化完成开始动画
},
onSlideChangeEnd: function(swiper){
      swiperAnimate(swiper); //每个slide切换结束时也运行当前slide动画
      switch(mySwiper.realIndex){
         case 0:break;
         case 1:setTimeout(function(){
            document.getElementById("yun").style.animation="1s ease 0s normal both infinite running bounce";
         },4500);break;
      }
}

})

这里使用了官网首页推荐的添加两种动画的方式，发现不行以后就找了一种方法如下面JS所示，但是第一个动画执行完了以后第二个动画
貌似不执行而是直接给元素搞没了，有大神知道什么情况吗？求教

作者: Cracks 时间: 2017-6-27 21:01
现在元素消失的问题解决了，是我自己css位置设置的有问题，但是这个样子，动画还是无法执行第二个

作者: lyace 时间: 2017-6-29 10:05
如何获取金币如何获取金币如何获取金币如何获取金币

作者: lsx-pp 时间: 2017-7-4 09:41
1111111111

欢迎光临 Swiper中文论坛 (http://bbs.swiper.com.cn/)