ACESSAR ou REGISTRAR
Caminho de Navegação Texto animações / Scripts / Surge texto na tela

Nenhuma avalição
Indique ao Ueba Indique ao BlogBlogs Indique ao Delicious Indique ao Technorati Indique ao Google Bookmarks Indique ao Newsgator
TAGS

Nenhuma tag foi definida ainda!

Defina as tags para esta página preenchendo o campo abaixo.

  • Máximo de 100 tags
  • Cada tag deve ter até 20 caracteres.
  • Separar as tags com virgula. Ex.: php, sql, html, xml, fireworks
COMENTAR

INDICAR
Nome do amigo: E-mail do amigo: Comentário:
REPORTAR ERRO Descreva o erro:
ScriptFacil Studio
fechar

Surge texto na telaPostada em: 07/11/2009

Script Master
Por: Script Master Nº de Visualizações: 34.

Demonstração do script

Código fonte do script

<html>

<head>
<script language="JavaScript">
<!--
IE4 = navigator.appName == "Microsoft Internet Explorer" && parseInt(navigator.appVersion) >= 4;       
NS4 = navigator.appName.substring(0,8) == "Netscape" && parseInt(navigator.appVersion) >= 4;
       
function checkBrowser(){
        if(IE4 || NS4){
                return true;
        }
        return false;
}



function movableObj(startX, startY, endX, endY, delay, speed, refId){
        this.sX = startX; this.sY = startY;     this.eX = endX;
        this.eY = endY; this.de = delay; this.sp = speed;
        this.ref = refId;
        xL = endX - startX;
        yL = endY - startY;
        with (Math){
                if(abs(xL) > abs(yL)){
                        this.xS = (xL > 0)?1:-1;
                        this.yS = (yL > 0)?abs(yL / xL):-abs(yL / xL);
                        this.howManySteps = abs(xL / speed);
                } else if(abs(yL) > abs(xL)){
                        this.yS = (yL > 0)?1:-1;
                        this.xS = (xL > 0)?abs(xL / yL):-abs(xL / yL);
                        this.howManySteps = abs(yL / speed);
                } else {
                        this.yS = (yL > 0)?1:-1;
                        this.xS = (xL > 0)?1:-1;
                        this.howManySteps = abs(xL / speed);
                }
        }
        this.startMovement = startMovement;
}



function startMovement(){
        if(checkBrowser()){
                if(IE4){
                        ref = document.all(this.ref).style;
                } else {
                        ref = document[this.ref];
                }
                doDynamicMovement(this.sX, this.sY, this.eX, this.eY, this.de, this.xS, this.yS, ref, this.sp, this.howManySteps);
        }
}



function doDynamicMovement(curX, curY, eX, eY, sp, xS, yS, ref, speed, hS){
        if(Math.floor(hS - 1) != 0){
                hS--;
                curX += xS * speed;
                curY += yS * speed;
                ref.left = Math.round(curX);
                ref.top = Math.round(curY);
                setTimeout("doDynamicMovement(" + curX + ", " + curY + ", " + eX + ", " + eY + ", " + sp + ", " + xS + ", " + yS + ", ref, " + speed + ", " + hS + ")", sp);
        } else {
                setPos(eX, eY, ref);   
        }
}



function setPos(x, y, ref){
        ref.left = x;
        ref.top = y;
}

// -->
</script>       

<script language="JavaScript">
<!--
dynaText = new movableObj(-100,-100,80,380,10,10,"wow");
// -->
</script>


<form>
<input type="button" onClick="dynaText.startMovement()" value="Texto em movimento">
</form>

<div id="wow" style="position: absolute; left: -100; top: -100; width: 300; font-family: Verdana, Arial; font-size: 10pt">
Este é o texto em movimento.</div>
</span>
</div>
</head>

</html>