Aba uma página qualquer, pode ser esta, mesmo.
Selecione o código abaixo e copie (ctrl+C).
javascript: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("img"); 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);
Selecione todo texto na barra de endereços do navegador e apague.
Cole o código na barra de endereços e aperte ENTER.
Divirta-se
.
Veja o que acontece em vídeo.
Vi no Digg
Cara muito loko, nunca nada parecido…auhaauh
ps: Linkei o seu blog no Tocando!
Abs
Que legal Bruno, como funciona isso? Explica fazendo o favor.
Script muito show…
Otimo dica… Parabens…
Abracos…
Fernando, obrigado.
Hawk, obrigado.
Na verdade o funcionamento é bem simples, os números no início, servem para definir a trajetória dos elementos. Depois pega-se todos os elementos IMG da página e transforma seus posicionamentos em absoluto, em seguida monta-se a trajetória com as funções seno e cosseno e por fim define-se o intervalo de repetição.
Flávio, obrigado.
Abraços
Muito massa. Esse JavaScript é muito louco meu
Fazendo algumas alterações nele, dá para brincar bastante com a página.
Da maneira como ele está, o ideal, é pegar uma página com muitas imagens para que o efeito fique mais interessante.
Abraço