Publicidade 

Java Script doido.

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

Compare Preços de: Camera Digital, MP3 Player, iPod, Celular, Livros, CD, DVD, Monitor, TV, Notebook, Wii, PS2, PS3

Compartilhe e Guarde: Esses links facilitam a inclusão deste artigo nas redes sociais. Compartilhe.
  • Rec6
  • StumbleUpon
  • ueba
  • linkk
  • dihitt
  • linkloko
  • websapiens
  • linkto
  • Technorati
  • Simpy
  • del.icio.us

Artigos relacionados







6 Comentários »

Comentário por FernandoJS
2006-10-08 11:13:38

Cara muito loko, nunca nada parecido…auhaauh

ps: Linkei o seu blog no Tocando!

Abs

 
Comentário por Hawk Recebendo notificações por e-mail
2006-10-08 20:03:40

Que legal Bruno, como funciona isso? Explica fazendo o favor.

 
Comentário por Flavio Theruo Kaminisse Recebendo notificações por e-mail
2006-10-09 08:38:30

Script muito show…
Otimo dica… Parabens…
Abracos…

 
Comentário por Bruno Alves
2006-10-09 09:08:51

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

 
Comentário por Tiago Celestino Recebendo notificações por e-mail
2006-10-10 07:51:32

Muito massa. Esse JavaScript é muito louco meu :D

 
Comentário por Bruno Alves
2006-10-10 09:35:55

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

 
Nome
Email
Site
Seu Comentário (menor | maior)
Você pode usar: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> e [CODE] [/CODE] em seu comentário.