Ir para conteúdo

Arquivado

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

GuttoSP

Animação geral

Recommended Posts

Navegando por aí, encontrei esse code, mto interessante, basta copiar exatamente como está e colcar na barra de endereços do navegador, em seguida pressione 'enter'.

 

java script:tipo='div'; R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.getElementsByTagName(tipo); DIL=DI.length; function A(){for(i=0; i-DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=(Math.sin(R*x1+i*x2+x3)*x4+x5)+"px"; DIS.top=(Math.cos(R*y1+i*y2+y3)*y4+y5)+"px"}R++}setInterval( 'A()',5); void(0);

Logo no início do code tem a variável tipo altere o valor atual (div) para um desses valores abaixo e veja os outros objetos se movimentado:

 

img -> Imagens

a -> Links

div -> Divs

 

Funciona com muitos outros elementos, basta testar.

 

Obs.: O Fórum separa a palavra javascript (java script) por questão de segurança, antes de pressionar enter retire o espaço para formar a palavra javascript.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Interessante esse efeito pq ele é mais complexo e não exige códigos imenso, só gostaria de fazer um efeito com código similar de modo que seja utilizavel em um site, pq este daí não sei como aplica-lo

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.