Fx.Elements

Effects on several elements. Must refer to each element using index.

by andfinally

HTML

<div class="demo"></div>
<div class="demo"></div>
<div class="demo"></div>
<div class="demo"></div>
<div class="demo"></div>
<div class="demo"></div>
<div class="demo"></div>
<div class="demo"></div>
<div class="demo"></div>
<div class="demo"></div>

CSS

.demo
{
    float: left;
    width: 100px;
    height: 100px;
    margin: 10px;
    border: 1px solid #555;
    background:  #efefef;
}

JavaScript

window.addEvent('domready', function() {

    var myFx = new Fx.Elements($$('.demo'), {
        onComplete: function() {
             //
        } 
    }).start({
        0: {
            width: [100, 200],
            height: [100, 200],
            opacity: [1,0.5]
        },
        1: {
            width: [100, 200],
            height: [100, 200],
            opacity: [1,0.5]
        }
    });

});