查看: 12924|回复: 26
打印 上一主题 下一主题

可以执行多个连续动画的升级版的Swiper Animate

[复制链接]

该用户从未签到

1

主题

10

帖子

182

积分

注册会员

Rank: 2

积分
182
跳转到指定楼层
楼主
发表于 2016-3-11 14:06:07 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
Swiper
应用插件: Swiper3.x
分享方式: 免费分享
创作方式: 原创
图片展示: -
本帖最后由 代码搬运工 于 2016-3-20 09:01 编辑

swiper.animate.countless.zip (1.15 KB, 下载次数: 1019)
//使用例子
  1. <div class="ani"  swiper-animate='[{"animate":"fadeInUpBig","delay":"0s","duration":"0.5s"},{"animate":"flip","delay":"0s","duration":"0.5s"}]' >Slide 1 Slide 1 Slide 1</div>
复制代码

animate:要执行的动画
delay:延时时间
duration:动画时间

2016/03/12:修复多个bug

2016/03/13:修复火狐的错误

2036/03/13:修复计算动画延时时间的错误

本帖被以下淘专辑推荐:

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

使用道具 举报

该用户从未签到

1

主题

10

帖子

182

积分

注册会员

Rank: 2

积分
182
沙发
 楼主| 发表于 2016-3-12 10:19:55 | 只看该作者
优化了一下代码
回复 支持 反对

使用道具 举报

  • TA的每日心情

    2018-5-2 15:54
  • 签到天数: 2 天

    [LV.1]初来乍到

    2

    主题

    18

    帖子

    59

    积分

    注册会员

    Rank: 2

    积分
    59
    板凳
    发表于 2016-3-14 10:54:48 | 只看该作者
    下载不了,看不到。
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    1

    主题

    10

    帖子

    182

    积分

    注册会员

    Rank: 2

    积分
    182
    地板
     楼主| 发表于 2016-3-16 09:19:19 | 只看该作者
    hsy0598 发表于 2016-3-14 10:54
    下载不了,看不到。

    能下载呀
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    0

    主题

    16

    帖子

    87

    积分

    注册会员

    Rank: 2

    积分
    87
    5#
    发表于 2016-3-16 10:26:16 | 只看该作者
    支持loop吗?
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    0

    主题

    16

    帖子

    87

    积分

    注册会员

    Rank: 2

    积分
    87
    6#
    发表于 2016-3-16 10:36:38 | 只看该作者
    并不支持同步播放
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    1

    主题

    10

    帖子

    182

    积分

    注册会员

    Rank: 2

    积分
    182
    7#
     楼主| 发表于 2016-3-16 10:47:19 | 只看该作者

    我不知道官方的在loop会有什么问题,我在谷歌浏览器测试loop正常
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    1

    主题

    10

    帖子

    182

    积分

    注册会员

    Rank: 2

    积分
    182
    8#
     楼主| 发表于 2016-3-16 10:47:43 | 只看该作者
    q310550690 发表于 2016-3-16 10:36
    并不支持同步播放

    哪里需要同步播放?
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    0

    主题

    16

    帖子

    87

    积分

    注册会员

    Rank: 2

    积分
    87
    9#
    发表于 2016-3-16 12:31:59 | 只看该作者
    代码搬运工 发表于 2016-3-16 10:47
    哪里需要同步播放?

    比如说,flip动画出现的不那么突兀,加了一个fadein  这两个动画要是同时运行,flip就会显得很自然。
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    0

    主题

    16

    帖子

    87

    积分

    注册会员

    Rank: 2

    积分
    87
    10#
    发表于 2016-3-16 12:33:00 | 只看该作者
    代码搬运工 发表于 2016-3-16 10:47
    我不知道官方的在loop会有什么问题,我在谷歌浏览器测试loop正常

    官方的在谷歌浏览器上是正常的,但是在移动端第一页就没有动画效果了。
    回复 支持 反对

    使用道具 举报

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

    本版积分规则

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

    GMT+8, 2024-11-23 00:10 , Processed in 0.082012 second(s), 34 queries .

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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