Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

[__GaRoTo_TeRRiVeL__]

Flutuando como fazer

Recommended Posts

acesse www.flavalenca.com e veja o flutuante, só não coloquei o link porque não acertei e a imagem é gif

 

NÃO MUDE NADA, SÓ TROQUE O CAMINHO DA IMAGEM:

 

<script language="JavaScript1.2">

var imagem="O CAMINHO DA IMAGEM AQUI"

if (document.layers)

{document.write("<LAYER NAME='animacao' LEFT=5 TOP=5><img src='"+imagem+"'></LAYER>")}

else if (document.all){document.write("<div id='animacao' style='position:absolute;top:5px;left:5px;width:17px;height:22px;z-index:50'><img src='"+imagem+"'></div>")}

 

conta=-1;

move=1;

function curva(){

abc=new Array(0,1,1,1,2,3,4,0,6,-1,-1,-1,-2,-3,-4,0,-6)

for (i=0; i < abc.length; i++)

{var C=Math.round(Math.random()*)}

iniciar=abc[C];

setTimeout('curva()',1900);

return iniciar;

}

ypos=10;

xpos=10;

movimento = 60;

function moveR(){

caminho=movimento+=iniciar;

y = 4*Math.sin(caminho*Math.PI/180);

x = 6*Math.cos(caminho*Math.PI/180);

if (document.layers){

ypos+=y;

xpos+=x;

document.animacao.top=ypos+window.pageYOffset;

document.animacao.left=xpos+window.pageXOffset;

}

else if (document.all){

ypos+=y;

xpos+=x;

document.all.animacao.style.top=ypos+document.body.scrollTop;

document.all.animacao.style.left=xpos+document.body.scrollLeft;

}

T=setTimeout('moveR()',10);

}

function edges(){

if (document.layers){

if (document.animacao.left >= window.innerWidth-40+window.pageXOffset)movimento=Math.round(Math.random()*45+157.5);

if (document.animacao.top >= window.innerHeight-30+window.pageYOffset)movimento=Math.round(Math.random()*45-112.5);

if (document.animacao.top <= 2+window.pageYOffset) movimento = Math.round(Math.random()*45+67.5);//OK!

if (document.animacao.left <= 2+window.pageXOffset) movimento = Math.round(Math.random()*45-22.5);//OK!

}

else if (document.all)

{

if (document.all.animacao.style.pixelLeft >= document.body.offsetWidth-45+document.body.scrollLeft)movimento=Math.round(Math.random()*45+157.5);

if (document.all.animacao.style.pixelTop >= document.body.offsetHeight-35+document.body.scrollTop)movimento=Math.round(Math.random()*45-112.5);

if (document.all.animacao.style.pixelTop <= 2+document.body.scrollTop) movimento = Math.round(Math.random()*45+67.5);//OK!

if (document.all.animacao.style.pixelLeft <= 2+document.body.scrollLeft) movimento = Math.round(Math.random()*45-22.5);//OK!

}

setTimeout('edges()',100);

}

function efeito(){

curva();

moveR();// onUnload="opener.gO()"

edges();

}

if (document.all||document.layers)

efeito()

</script>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Tem lógica a postagem do wendel, mas eu faría a animação no flash mesmo e jogaría ela num layer estático no dreamweaver, esses códigos de animações podem deixar seu arquivo html bem pesado, então você pode fazer um arquivo com o tamanho do layer no flash, agrupar ele (nem precisa ser simbolo grafico como movieclip ou botão), e nesse layer que ele estiver, você clica com o botão direito do mouse sobre ele (layer) e vai em Add Motion Guide, daí você desenha o percurso dele com a ferramenta linha ou com qquer contorno de objeto, daí no frame que tiver o desenho do ibest, você cria um motion tween, no primeiro frame você coloca o ponto de registro dele no começo da linha , e no ultimo frame, você coloca do outro lado do ponto de registro. e só. tem essas duas maneiras de fazer, você vê qual você acha mais facil. Ou se quiser poste na sessão de Dreamweaver perguntando sobre animações de layer na time line.

 

abraço,

 

Carneirinho

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.