Class: Fx.Elements

Fx.Elements дозволяє застосувати будь-яку кількість перехідів стилів до колекції Elements.

Розширює:

Fx

Синтаксис:

new Fx.Elements(elements[, options]);

Аргументи:

1. elements - (array) Колекція Elements, до яких будуть застосовані ефекти.
2. options - (object, optional) Те саме, що й опції Fx.

Повертає:

• (object) Новий екземпляр Fx.Elements.

Приклади:

var myFx = new Fx.Elements($$('.myElementClass'), {

    onComplete: function(){
        alert('complete');
    }
}).start({

    '0': {
        'height': [200, 300],
        'opacity': [0,1]

    },
    '1': {
        'width': [200, 300],
        'opacity': [1,0]

    }
});

Примітки:

• Включає кольори, але вони мають бути в hex-форматі.

Fx.Elements Method: set

Застосовує передані переходи стилів до кожного об'єкта негайно (див. приклад).

Синтаксис:

myFx.set(to);

Аргументи:

1. to - (object) Об'єкт, де кожен елемент колекції звертається як числовий рядок ("1" для прикладу). Перший елемент — "0", другий — "1" тощо.

Повертає:

• (object) Цей екземпляр Fx.Elements.

Приклади:

var myFx = new Fx.Elements($$('.myClass')).set({

    '0': {
        'height': 200,
        'opacity': 0
    },
    '1': {

        'width': 300,
        'opacity': 1
    }
});

Fx.Elements Method: start

Застосовує передані переходи стилів до кожного іменованого об'єкта (див. приклад).

Синтаксис:

myFx.start(obj);

Аргументи:

1. obj - (object) Об'єкт, де кожен елемент колекції звертається як числовий рядок ("1" для прикладу). Перший елемент — "0", другий — "1" тощо.

Повертає:

• (object) Цей екземпляр Fx.Elements.

Приклади:

var myElementsEffects = new Fx.Elements($$('a'));
myElementsEffects.start({

    '0': { //let's change the first element's opacity and width
        'opacity': [0,1],
        'width': [100,200]

    },
    '4': { //and the fifth one's opacity
        'opacity': [0.2, 0.5]

    }
});