Анимация до определенного цвета с использованием ExtJS - PullRequest
Новая
       8

Анимация до определенного цвета с использованием ExtJS

0 голосов
/ 08 марта 2012

Мне нужно что-то анимировать на веб-странице с загруженной библиотекой ExtJS 3.4.Спецификация состоит в том, чтобы анимировать цвет элемента на красный.Насколько я вижу из документации Ext.Fx, это невозможно.Есть ли обходной путь?

В качестве альтернативы такая цепочка эффектов: 

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

будет приемлемой, если изменение цвета произошло после окончания fadeOut, но, похоже, нет способа указать функцию обратного вызова.*

1 Ответ

1 голос
/ 09 марта 2012

Попробуйте 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/

...