Ejemplos en Javascript

Efecto "falling"

Como para los dos ejemplos anteriores, lo mejor es fijarse en el ejemplo práctico

<HTML>
<HEAD>

<TITLE>Ejemplos Javascript: ejemplo prÃ?Æ?Ã?¡ctico </TITLE>

<script language="javascript">


function fallout(){
        for(var i=0;i<=lo;i++){
                word[i+1]=wordy.substring(i,i+1);
        }
}

function fall(){
        wordy="I'm Falling!!!";
        document.hey.a.value="";
        document.hey.b.value="";
        document.hey.c.value="";
        document.hey.d.value="";
        a1=0;
        b1=-1;
        c1=-2;
        d1=-3;
        word="";
        lo=wordy.length;
        fallout();
        fall1();       
}

function fall1(){
        if(d1<=lo){
                fin="";
                ax="";
                bx="";
                cx="";
                dx="";
                a1=a1+1;
                b1=b1+1;
                c1=c1+1;
                d1=d1+1;
                if(a1>=1&&a1<=lo+1){
                        for(var x=0;x<=a1-1;x++){
                                ax=ax+" "
                        }
                        fin=ax+word[a1];
                        document.hey.a.value=fin;
                }
                if(b1>=1&&b1<=lo+1){
                        for(var x=0;x<=b1-1;x++){
                                bx=bx+" "
                        }
                        fin=bx+word[b1];
                        document.hey.b.value=fin;
                }
                if(c1>=1&&c1<=lo+1){
                        for(var x=0;x<=c1-1;x++){
                                cx=cx+" "
                        }
                        fin=cx+word[c1];
                        document.hey.c.value=fin;
                }
                if(d1>=1&&d1<=lo){
                        document.hey.d.value=wordy.substring(0,d1);
                }
                setTimeout("fall1()",200);
        }
        else{
                document.hey.d.value=wordy;
        }
}


</script>


</HEAD>

<BODY bgcolor="white">


<center>
<h2>Falling</h2>
<form name="hey">
<input type="text" name="a" size=21><br>
<input type="text" name="b" size=21><br>
<input type="text" name="c" size=21><br>
<input type="text" name="d" size=21><br>
<input type="button" name="start" value="Start" onclick="fall()">
</form>
</center>

</body>
</html>

Animaci?exto