Ir para conteúdo
Fórum Script Brasil
  • 0

Animação

Ceh

Perguntado por Ceh,

 Share

Pergunta

3 respostass a esta questão

Posts Recomendados

  • 0
Mateustg

Mateustg

Postado
Postado

Acho que o que v^c procura é isto aqui:

<!------COMEÇA AQUI---------->

<BODY>

<script LANGUAGE="JavaScript1.2">

<!--

var brOK = false, mie = false;

if (document.layers || document.all) brOK = true;

if (document.all) mie = true;

var ex = 0, ey = 0;

var ae, le, re, x0, y0, tid, realx, realy;

function navMove(e) {

ex = e.pageX;

ey = e.pageY;

moveeye()

return routeEvent(e);

}

function mieMove() {

ex = document.body.scrollLeft + event.x;

ey = document.body.scrollTop + event.y;

moveeye();

}

function moveeye() {

dy = ey - y0 - 20;

dx1 = ex - x0 - 20;

dx2 = ex - x0 - 60;

r = Math.sqrt(dx1 * dx1 + dy * dy);

if (r < 20) r = 20;

dx1 = dx1 * 10 / r + x0 + 10;

dy1 = dy * 10 / r + y0 + 10;

r = Math.sqrt(dx2 * dx2 + dy * dy);

if (r < 20) r = 20;

dx2 = dx2 * 10 / r + x0 + 50;

ae.left = x0;

ae.top = y0;

le.left = dx1;

le.top = dy1;

re.left = dx2;

re.top = dy1;

}

function setHandlers() {

if (!mie) {

y0 = document.eyeballs.top;

x0 = document.eyeballs.left;

ae = document.eyeballs;

le = document.lefteye;

re = document.righteye;

window.captureEvents(Event.MOUSEMOVE);

window.onMouseMove = navMove;

}

else {

y0 = document.all.eyeballs.style.pixelTop;

x0 = document.all.eyeballs.style.pixelLeft;

ae = document.all.eyeballs.style;

le = document.all.lefteye.style;

re = document.all.righteye.style;

window.document.onmousemove = mieMove;

}

realx = x0 + 0.1;

realy = y0 + 0.1;

moveall();

}

function moveall() {

rx = realx + 40;

ry = realy + 40;

rx += (ex - rx) * 0.1;

ry += (ey - ry) * 0.1;

realx = rx - 40;

realy = ry - 40;

x0 = Math.round(realx);

y0 = Math.round(realy);

moveeye();

tid = setTimeout('moveall()', 100);

}

function placeeyes(x, y) {

if (brOK) {

ex = x + 40;

ey = y + 40;

//as figura gifs estão logo abaixo

s = '<DIV ID ="dummy" STYLE="position:absolute; ' +

'top:'+y+'; left:'+x+'; width:10; height:10;"> </DIV>';

s += '<DIV ID="eyeballs" STYLE="position:absolute; ' +

'top:'+y+'; left:'+x+'; width:80; height:40;"><IMG SRC=' +

'"whites.gif" border=0></DIV>';

s += '<DIV ID="lefteye" STYLE="position:absolute; ' +

'top:'+(y+10)+'; left:'+(x+10)+'; width:20; height:20;">' +

'<IMG SRC="pupil.gif" border=0></DIV>';

s += '<DIV ID="righteye" STYLE="position:absolute; ' +

'top:'+(y+10)+'; left:'+(x+50)+'; width:20; height:20;">' +

'<IMG SRC="pupil.gif" border=0></DIV>';

document.writeln(s);

}

}

function clearEyes() {

if (tid) clearTimeout(tid);

}

placeeyes(200, 100);

window.onload = setHandlers;

window.onunload = clearEyes;

// -->

</script>

<!------TERMINA AQUI---------->

Caso queira ver um exemplo, acesse este link

Link para o comentário
Compartilhar em outros sites
  • 0
Mateustg

Mateustg

Postado
Postado

Bem, para colocar palavras você deve fazer assim:

<html>

<head>

<style>

.spanstyle {

position:absolute;

visibility:visible;

top:-50px;

font-size:10pt;

font-family:Verdana;

font-weight:bold;

color:blue;

}

</style>

</head>

<body onLoad="makesnake()" style="width:100%;overflow-x:hidden;overflow-y:scroll">

<script>

<!--

var x,y

var step=20

var flag=0

var message="SCRIPT FÁCIL! "

message=message.split("")

var xpos=new Array()

for (i=0;i<=message.length-1;i++) {

xpos=-50

}

var ypos=new Array()

for (i=0;i<=message.length-1;i++) {

ypos=-50

}

function handlerMM(e){

x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX

y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY

flag=1

}

function makesnake() {

if (flag==1 && document.all) {

for (i=message.length-1; i>=1; i--) {

xpos=xpos[i-1]+step

ypos=ypos[i-1]

}

xpos[0]=x+step

ypos[0]=y

for (i=0; i<message.length-1; i++) {

var thisspan = eval("span"+(i)+".style")

thisspan.posLeft=xpos

thisspan.posTop=ypos

}

}

else if (flag==1 && document.layers) {

for (i=message.length-1; i>=1; i--) {

xpos=xpos[i-1]+step

ypos=ypos[i-1]

}

xpos[0]=x+step

ypos[0]=y

for (i=0; i<message.length-1; i++) {

var thisspan = eval("document.span"+i)

thisspan.left=xpos

thisspan.top=ypos

}

}

var timer=setTimeout("makesnake()",30)

}

//-->

</script>

<script>

<!--

for (i=0;i<=message.length-1;i++) {

document.write("<span id='span"+i+"' class='spanstyle'>")

document.write(message)

document.write("</span>")

}

if (document.layers){

document.captureEvents(Event.MOUSEMOVE);

}

document.onmousemove = handlerMM;

// -->

</script>

<!--------------termina aqui------------------>

</body>

</html>

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...