$fx() js library test

A little test of the fx JS library

HTML

<script src="http://fx.inetcat.com/js/fx-m.js"></script>
<div id="test">
    Some text to test the div
<div>

CSS

#test {
    display: block;
    height:390px;    
    width:390px;
    /*background: url('http://i51.tinypic.com/10ynkia.jpg') repeat -60px;*/
    background: url('http://i56.tinypic.com/s5iyz9.png') repeat -60px;
    color: #FFFFFF;
    opacity: .5;  
}

JavaScript

var a = $fx('#test');

a.fxAdd({type: 'opacity', from: 50, to:100, step:5, delay:20});
a.fxAdd({type: 'opacity', from: 100, to:50, step:5, delay:20});
a.fxRun(null, -1);*/
var fadeout = {type: 'opacity', from: 100, to:0, step:-2, delay:50};
var fadein = {type: 'opacity', from: 0, to:100, step:2, delay:50};

alert(document.getElementById('test').style.opacity = .25);

function fadeIn(){
    
}

function fadeout(){
    
}

alert(window.getComputedStyle(document.getElementById('test')).opacity);

$fx('#test').fxAdd(fadeout).fxRun(, 1);


$fx('#test').fxAdd(fadein).fxRun();

$fx('#test').fxAdd({type: 'opacity', from: 50, to:100, step:2, delay:50}).fxRun();

$fx('#test').fxAdd({type: 'opacity', from: 100, to:50, step:-2, delay:50}).fxRun(null, -1, $fx('#test').fxAdd({type: 'opacity', from: 50, to:100, step:2, delay:50}).fxRun());