我正在尝试 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是小提琴。