查看: 7667|回复: 9

swiper使用多个动画技巧

[复制链接]
  • TA的每日心情

    2016-6-2 16:26
  • 签到天数: 2 天

    [LV.1]初来乍到

    2

    主题

    7

    帖子

    101

    积分

    注册会员

    Rank: 2

    积分
    101
    发表于 2016-5-24 11:46:20 | 显示全部楼层 |阅读模式
    这两天一直在烦恼如何使swiper使用多个动画,今天终于在官网找到了方法!
       其实在官网Swiper Animate的方法上可以在animatecss里模仿他的方法,说白了就是在animate.css里添加适合自己的动画效果,其实在animate.css里基本上都是css3的效果,所以我们完全可以添加属于自己的动画,就是在添加自己动画效果中使用多个不同的动画
    QQ图片20160524114532.png
    QQ图片20160524113848.png

    点评

    评分: 5.0
    评分: 5
    很好。。。。。。。。。。。。。  发表于 2019-12-10 14:33
    回复

    使用道具 举报

    该用户从未签到

    0

    主题

    3

    帖子

    23

    积分

    新手上路

    Rank: 1

    积分
    23
    发表于 2016-9-13 22:44:45 | 显示全部楼层
    添加了c3方法以后,怎么在滑动页面时,加载当页的动画,自己写的动画,不是利用animation.css
    回复 支持 反对

    使用道具 举报

  • TA的每日心情

    2016-6-2 16:26
  • 签到天数: 2 天

    [LV.1]初来乍到

    2

    主题

    7

    帖子

    101

    积分

    注册会员

    Rank: 2

    积分
    101
     楼主| 发表于 2016-9-27 14:24:07 | 显示全部楼层
    568803845 发表于 2016-9-13 22:44
    添加了c3方法以后,怎么在滑动页面时,加载当页的动画,自己写的动画,不是利用animation.css
    ...

    onInit: function(mySwipertwo){
                        swiperAnimateCache(mySwipertwo);
                        swiperAnimate(mySwipertwo);
                      },
                      onSlideChangeEnd: function(mySwipertwo){
                        swiperAnimate(mySwipertwo);
                      }
    添加这个方法
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    奋斗
    2017-4-11 11:43
  • 签到天数: 1 天

    [LV.1]初来乍到

    0

    主题

    9

    帖子

    14

    积分

    新手上路

    Rank: 1

    积分
    14
    发表于 2017-4-11 11:44:35 | 显示全部楼层
    谢谢分享 来学习了!!
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    0

    主题

    13

    帖子

    38

    积分

    新手上路

    Rank: 1

    积分
    38
    发表于 2017-5-12 14:34:32 | 显示全部楼层
    谢谢分享 来学习了!!
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    0

    主题

    13

    帖子

    38

    积分

    新手上路

    Rank: 1

    积分
    38
    发表于 2017-5-12 14:34:49 | 显示全部楼层
    谢谢分享 来学习了!!
    回复 支持 反对

    使用道具 举报

  • TA的每日心情

    2017-7-26 20:14
  • 签到天数: 1 天

    [LV.1]初来乍到

    0

    主题

    7

    帖子

    20

    积分

    新手上路

    Rank: 1

    积分
    20
    发表于 2017-7-26 20:18:33 | 显示全部楼层
    回复

    使用道具 举报

    该用户从未签到

    1

    主题

    19

    帖子

    35

    积分

    新手上路

    Rank: 1

    积分
    35
    发表于 2018-12-19 22:28:04 | 显示全部楼层
    怎么让swiper动画,需要点击确认后开始轮播,并且开始动画
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    0

    主题

    8

    帖子

    18

    积分

    新手上路

    Rank: 1

    积分
    18
    发表于 2019-1-3 12:25:09 | 显示全部楼层
    我来学习学习
    回复 支持 反对

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    Archiver|手机版|小黑屋|Swiper中文网 ( 粤ICP备15001020号

    GMT+8, 2020-12-1 06:40 , Processed in 0.111872 second(s), 31 queries .

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表