使用ExtJS動畫到特定顏色

Question

我需要在加載ExtJS 3.4庫的情況下在網頁上設置動畫。該規範將動畫元素的顏色設置爲紅色。據我可以從Ext.Fx文檔看到這是不可能的。有沒有解決方法？

另外，該鏈接的效果：如果顏色變化發生的淡出結束之後，但似乎沒有辦法指定一個回調函數

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

是可以接受的。

Answer 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/