查看: 3097|回复: 7
打印 上一主题 下一主题

分享一个刚开发完成的动画控制器插件(完美兼容swiper)

[复制链接]

该用户从未签到

5

主题

30

帖子

1万

积分

论坛元老

Rank: 8Rank: 8

积分
12018
跳转到指定楼层
楼主
发表于 2015-11-18 17:18:30 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
分享一个刚开发完成的动画控制器插件,能够完美兼容swiper。具体特点如下:
1、完全兼容swiper的loop模式。
2、结合HTML标签的嵌套,能对同一个画面元素添加多个animate.css的动画样式。
3、能够设置每一个动画效果的播放方式:同步播放、依次播放、循环播放。
4、能够设置每一个动画效果的动画类型:进入动画、表演动画、退出动画。
5、完美支持animate的所有动画参数。
6、能够对网页中的动画元素或swiper对象中的动画元素进行自由控制。

animateSwiper.rar

438.36 KB, 下载次数: 233

完美兼容swiper loop模式的动画控制器

分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏1 分享分享 分享淘帖
回复

使用道具 举报

  • TA的每日心情
    开心
    2018-8-11 12:52
  • 签到天数: 1 天

    [LV.1]初来乍到

    0

    主题

    9

    帖子

    292

    积分

    中级会员

    Rank: 3Rank: 3

    积分
    292
    沙发
    发表于 2015-11-21 01:11:46 | 只看该作者
    good!!good!!good!!good!!good!!good!!
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    1

    主题

    14

    帖子

    43

    积分

    新手上路

    Rank: 1

    积分
    43
    板凳
    发表于 2015-12-14 23:11:07 | 只看该作者
    :L
    回复

    使用道具 举报

  • TA的每日心情
    难过
    2019-2-7 09:58
  • 签到天数: 1 天

    [LV.1]初来乍到

    1

    主题

    8

    帖子

    51

    积分

    注册会员

    Rank: 2

    积分
    51
    地板
    发表于 2015-12-25 22:41:09 | 只看该作者
    回复

    使用道具 举报

    该用户从未签到

    0

    主题

    22

    帖子

    22

    积分

    新手上路

    Rank: 1

    积分
    22
    5#
    发表于 2016-1-6 14:02:44 | 只看该作者

    good!!good!!good!!good!!good!!good!!
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    1

    主题

    6

    帖子

    6

    积分

    新手上路

    Rank: 1

    积分
    6
    6#
    发表于 2016-1-18 10:28:05 | 只看该作者
    nice,求助怎么判断的是第几个分页滑动结束
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    0

    主题

    6

    帖子

    69

    积分

    注册会员

    Rank: 2

    积分
    69
    7#
    发表于 2016-1-19 14:44:24 | 只看该作者
    求助,动画只有在第一个生效,其他页面都不行,为啥
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    郁闷
    2018-8-20 10:51
  • 签到天数: 5 天

    [LV.2]偶尔看看I

    3

    主题

    54

    帖子

    339

    积分

    中级会员

    Rank: 3Rank: 3

    积分
    339
    8#
    发表于 2016-1-20 17:54:52 | 只看该作者
    526783723 发表于 2016-1-19 14:44
    求助,动画只有在第一个生效,其他页面都不行,为啥

    onSlideChangeEnd: function(swiper){
        swiperAnimate(swiper); //每个slide切换结束时也运行当前slide动画
      }

    这个你写了么
    回复 支持 反对

    使用道具 举报

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

    本版积分规则

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

    GMT+8, 2024-11-25 20:12 , Processed in 0.079890 second(s), 29 queries .

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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