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

Compartilhe e Guarde:
  • StumbleUpon
  • Enviar para o Ueba
  • Rec6
  • Enviar para o LinkK
  • Enviar para o DiHitt
  • Enviar para o LinkLoko
  • Enviar para o WebSapiens
  • Enviar para o LinkTo
  • Technorati
  • Enviar para o Imera
  • Faves
  • Google Bookmarks
  • MySpace
  • del.icio.us
  • Facebook
tabs-top

6 Comentários para “Java Script doido.”

  1. FernandoJS disse:

    Cara muito loko, nunca nada parecido…auhaauh

    ps: Linkei o seu blog no Tocando!

    Abs

  2. Hawk disse:

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

  3. Script muito show…
    Otimo dica… Parabens…
    Abracos…

  4. Bruno Alves disse:

    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

  5. Muito massa. Esse JavaScript é muito louco meu :D

  6. Bruno Alves disse:

    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

Comente

XHTML: Você pode usar as tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>