jQueryTween补间动画引擎

联合创作 · 2023-09-22 07:41

jQueryTween 是 jQuery 上面一个轻量的补间动画引擎。能够为高性能硬件加速动画。换句话说就是在加载图片时的动作像闪电般迅速。

  • 一个超轻巧的jQuery插件,可作为tween.js(javascript动画引擎)和jQuery用户的控制器,使工作变得更加轻松。想象一下,写init()animate()update()一遍又一遍?
  • 支持最流行的过渡,例如transformopacitycolorbackgroundPosition高达60每秒帧数。
  • 也可以做的 smooth scrollTo
  • 这是关于8k微细化以及加6ktween.js,你可以做一吨的很酷的事情,而不需要使用昂贵或复杂的动画引擎。
  • 这是一个简单,轻便的应用程序,我敢说,在涉及简单补间时,它更多地取决于性能。
  • 请记住tween.js,除了AIO包之外,jQueryTween插件未包含该插件。有关详细信息,请参见演示。

示例:

 // Complex example jQueryTween syntax 
$('#selector').jQueryTween({
    from: {
        opacity: 1,
        translate: {x:0, y:0, z:0},
        rotate: {x:0, y:0, z:0},
        scale: 1
    }, 
    to: {
        opacity: 0.5, 
        translate: {x: 150, y: 50, z: -100}, 
        rotate: {x: 5, y:15, z:-25},
        scale: 1.5
    }, 
    repeat: 2, // can be number or 'Infinity'
    duration: 1500,
    easing: TWEEN.Easing.Exponential.InOut, // my favorite
    delay: 500,
}, function() {
    //do some cool stuff when tween finished animating
}, function() {
    //do some cool stuff while tween is running 
});

浏览 8
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报