查看: 11021|回复: 9
打印 上一主题 下一主题

swiper使用多个动画技巧

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

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

    [LV.1]初来乍到

    2

    主题

    8

    帖子

    104

    积分

    注册会员

    Rank: 2

    积分
    104
    跳转到指定楼层
    楼主
    发表于 2016-5-24 11:46:20 | 只看该作者 |只看大图 回帖奖励 |倒序浏览 |阅读模式
    这两天一直在烦恼如何使swiper使用多个动画,今天终于在官网找到了方法!
       其实在官网Swiper Animate的方法上可以在animatecss里模仿他的方法,说白了就是在animate.css里添加适合自己的动画效果,其实在animate.css里基本上都是css3的效果,所以我们完全可以添加属于自己的动画,就是在添加自己动画效果中使用多个不同的动画

    QQ图片20160524114532.png (89.46 KB, 下载次数: 498)

    QQ图片20160524114532.png

    QQ图片20160524113848.png (67.96 KB, 下载次数: 497)

    QQ图片20160524113848.png

    点评

    评分: 5.0
    评分: 5
    很好。。。。。。。。。。。。。  发表于 2019-12-10 14:33
    分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
    收藏收藏 分享分享 分享淘帖
    回复

    使用道具 举报

    该用户从未签到

    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

    主题

    8

    帖子

    104

    积分

    注册会员

    Rank: 2

    积分
    104
    板凳
     楼主| 发表于 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

    帖子

    32

    积分

    新手上路

    Rank: 1

    积分
    32
    5#
    发表于 2017-5-12 14:34:32 | 只看该作者
    谢谢分享 来学习了!!
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    0

    主题

    13

    帖子

    32

    积分

    新手上路

    Rank: 1

    积分
    32
    6#
    发表于 2017-5-12 14:34:49 | 只看该作者
    谢谢分享 来学习了!!
    回复 支持 反对

    使用道具 举报

  • TA的每日心情

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

    [LV.1]初来乍到

    0

    主题

    7

    帖子

    20

    积分

    新手上路

    Rank: 1

    积分
    20
    7#
    发表于 2017-7-26 20:18:33 | 只看该作者
    回复

    使用道具 举报

    该用户从未签到

    1

    主题

    19

    帖子

    41

    积分

    新手上路

    Rank: 1

    积分
    41
    8#
    发表于 2018-12-19 22:28:04 | 只看该作者
    怎么让swiper动画,需要点击确认后开始轮播,并且开始动画
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    0

    主题

    8

    帖子

    18

    积分

    新手上路

    Rank: 1

    积分
    18
    9#
    发表于 2019-1-3 12:25:09 | 只看该作者
    我来学习学习
    回复 支持 反对

    使用道具 举报

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

    本版积分规则

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

    GMT+8, 2024-11-25 18:06 , Processed in 0.113952 second(s), 33 queries .

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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