JavaScript文字飞入效果

一个简短的JavaScript特效。

    var flyword = function(elem, txt, time){
        var _elem = document.getElementById(elem),
            _timer = null,
            _index = 0,
            _array = [];
        for(var i=0,len=txt.length;i<len;i++){
            var span = document.createElement("span");
            span.innerHTML=txt[i];
            _elem.appendChild(span);
            _array.push(span);
        };
        _timer = setInterval(animate,time||40);
        function animate(){
            var len=_array.length,ind=_index++,st=1;
            for(var i=0;i<len;i++){
                var span=_array[i],e=Math.max(0,Math.min(1,(ind-1)/10));
                 if(span.tear){continue;}
                st=0;
                span.style.color=["rgb(",[parseInt(255-0*e),parseInt(255-64*e),parseInt(255-192*e)],")"].join("");
                if(e==1){
                    span.style.marginLeft="auto";
                } else if(e > 0){
                    span.style.marginLeft=[0.7*(1-e),"em"].join("");
                }
                if(st){ clearInterval(_timer); }
                _elem.style.visibility="visible";
            }
        }
    };

调用方法：

flyword("d1","POP方法，移除数组最后一个元素并返回该元素",10);

flyword("d2","PUSH方法，在数组最后为数组对象附加元素，返回最新的数组长度");