jQueryTween补间动画引擎
jQueryTween 是 jQuery 上面一个轻量的补间动画引擎。能够为高性能硬件加速动画。换句话说就是在加载图片时的动作像闪电般迅速。
- 一个超轻巧的jQuery插件,可作为
tween.js(javascript动画引擎)和jQuery用户的控制器,使工作变得更加轻松。想象一下,写init(),animate()并update()一遍又一遍? - 支持最流行的过渡,例如
transform,opacity,color和backgroundPosition高达60每秒帧数。 - 也可以做的 smooth scrollTo
- 这是关于
8k微细化以及加6k的tween.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
});
评论
