Exprimiendo tu browser con Javascript

Visita este artí­culo en http://www.estadobeta.com/2006/10/10/exprimiendo-tu-browser-con-javascript/

Por Ismael en javascript, notas

¿Estas aburrido? Pega este código en la barra de URL de tu navegador (excepto Safari) en cualquier página y mira como las imágenes del sitio bailan hipnóticamente en la pantalla.

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);

El código usa la propiedad de los navegadores de ejecutar cualquier código antecedido por el pseudo protocolo javascript: en la URL, obtiene todos los elementos <img> de la página y los hace girar y cambiar de tamaño con un par de funciones trigonométricas.

¿Ves la parte en negritas? Esa es la línea que obtiene las imágenes del documento. Cambia la img por a para hacer girar todos los links, o p para los párrafos, etc. Eso si, si despues de un rato tu PC empieza a tirar humo por el esfuerzo, no me eches la culpa.

Gracias Jorge!

9 comentarios para “Exprimiendo tu browser con Javascript”

  1. GravatarDaidaros Dice:

    Está muy entretenido :)

  2. GravatarCristián Frenkel Dice:

    Se ve cool… no muy útil, pero por último puedes asustar a algun incauto. jaja

  3. Gravatarlebyrus > Cómo dar vida a un blog Dice:

    […] Púlsame para ver el resultado , o llévame al que me lo ha dicho. […]

  4. GravatarGonzalo López Dice:

    Muy cool, me quitó el aburrimiento por unos minutos :)

  5. GravatarJoão Henrique Firmino Dice:

    Muy bono

  6. GravatarGuti Dice:

    Jaja, es divertido.
    Muy bueno chicos!

  7. Gravatarisaac elias Dice:

    y no solo eso, que tambien se le puede cambiar el tag a lo que queramos y ha bailar :D

    QDTB!!

  8. Gravatarbuy ambien Dice:

    buy ambien…

    news…

  9. Gravataroskr Dice:

    que dijo?

Deja un comentario

XHTML: puedes usar estas etiquetas: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>