Archive for the 'Javascript' Category

Fade In e Fade Out usando JavaScript

julho 3, 2008

As funções abaixo fazem o objeto sumir ou aparecer, respectivamente:

function fadeOut(id, time) {
        target = $(id);
        alpha = 100;
        timer = (time*1000)/50;
        var i = setInterval(
                        function() {
                                if (alpha <= 0)
                                        clearInterval(i);
                                setAlpha(target, alpha);
                                alpha -= 2;
                        }, timer);
}

 

function fadeIn(id, time) {
        target = $(id);
        alpha = 0;
        timer = (time*1000)/50;
        var i = setInterval(
                        function() {
                                if (alpha >= 100)
                                        clearInterval(i);
                                setAlpha(target, alpha);
                                alpha += 2;
                        }, timer);
}