2012-03-08 92 views
0

我需要在加载ExtJS 3.4库的情况下在网页上设置动画。该规范将动画元素的颜色设置为红色。据我可以从Ext.Fx文档看到这是不可能的。有没有解决方法?使用ExtJS动画到特定颜色

另外,该链接的效果:如果颜色变化发生的淡出结束之后,但似乎没有办法指定一个回调函数

info.fadeOut({ endOpacity: .25, duration: 2}).setStyle('color','#FF0000'); 

是可以接受的。

回答

1

尝试animate方法和color动画类型:

info 
    .animate(
     { 
      opacity: { to: .25 } 
     }, 
     0.5, 
     null, 
     'easeOut', 
     'run' 
    ) 
    .animate(
     { 
      color: { to: '#FF0000' } 
     }, 
     0.5, 
     null, 
     'easeOut', 
     'color' 
    ); 

工作样本:http://jsfiddle.net/yRGUw/

+0

完美!在之前的文档中找不到这个。现在我看到还有一个简洁的回调机制:onComplete – 2012-03-10 08:39:04