GSAP补间无法正常工作。设定持续时间无效

时间:2015-06-18 06:16:34

标签: javascript jquery animation greensock gsap

我正在尝试 GSAP 动画库。根据{{​​3}},获取补间和运行的语法是:

stringProgressReport

所以我尝试了一个基于jQuery的悬停事件的非常简单的补间:

TweenLite.to( [target object], [duration in seconds], [destination values] )

奇怪的是,背景确实会改变为正确的颜色,但它会立即补间,而不是像我在第二个参数中指定的那样在4秒的时间内补间。

我确实检查过以秒为单位,而不是毫秒。它与我链接的文档有关。我还确保使用 $('.contact-item').hover(function(){ TweenLite.to(this,4,{background:'#671B4B'}); },function(){ TweenLite.to(this,4,{background:'#FFFFFF'}); }); 而非 TweenLite 。我使用的是 TweenMax ,但我在控制台中看不到任何冲突或错误。我还确保 jQuery 包含在我的小提琴中。

感谢任何帮助。 basic docs是小提琴。

1 个答案:

答案 0 :(得分:3)

background更改为backgroundColor可以解决您的问题。 [Link]。

相关问题