Chulada en Javascript
Esto debería ir en una minientrada, pero cómo no se leería bien… la pongo aquí.
Prueben esto:
1. Resalten el texto de aquí abajo (marquenlo completamente)
2. Pulsen Ctrl+C (para copiarlo al portapapeles)
3. Pulsen Alt+D (o vaya a la barra de direcciones del navegador)
4. Pulsen Ctrl+V (para pegar el código javascript)
5. Pulsen Enter
javascript:scroll(0,0); 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);
Pulsen el botón de recargar la página en el navegador si prefieren volver a la normalidad. Mola !
Actualizado: Tienen que probarlo en la página de fotos del blog ! Mola x 2 !
[ Vía J-Walk ]
Esta entrada fue escrita el 24 de Octubre de 2006 a las 23:50 y está archivada en las categorías Chorradas. Puedes seguir las respuestas a esta entrada por RSS. También puedes dejar un comentario, o hacer TrackBack desde tu propio blog.
72 Respuestas a 'Chulada en Javascript'
Deja un Comentario
You must be logged in to post a comment.
El 25 de Octubre de 2006 a las 00:18 #
No sabía que se podían hacer cosas así!!
Es genial! xD aunque marea
Como siempre, descubriendo cosas nuevas gracias a Javi ;D
El 25 de Octubre de 2006 a las 00:18 #
Uooooooooo que molon jajjaja, voy a probarlo con mi blog a ver que hace
El 25 de Octubre de 2006 a las 00:19 #
la verdad es que es una flipada muy shula.. jeje.. sobretodo si se hace desde una página que tenga muchas imágenes…
:-)
El 25 de Octubre de 2006 a las 00:21 #
Que chulada!!
^^
El 25 de Octubre de 2006 a las 00:22 #
jeje.. como veo que gusta.. le he cambiado el título.. de tonteria a chulada :-)
El 25 de Octubre de 2006 a las 00:24 #
Q bienn Javi esta demasiado buena……..
El 25 de Octubre de 2006 a las 00:25 #
si lo haces en una web con mucha simagenes se te peta el explorador jejeje
El 25 de Octubre de 2006 a las 00:35 #
Yo tengo muchas imagenes de enlaces, y queda perfecto jejej, estoy pensando en hacer algo con eso jeje no se…
El 25 de Octubre de 2006 a las 00:35 #
Con un petardo de dos papeles no hace falta tanto codigo para ver esas cosas xDD
El 25 de Octubre de 2006 a las 00:35 #
uyyyyy, que locooooooo chavón!!!!!
El 25 de Octubre de 2006 a las 00:49 #
Waoh!!!
El 25 de Octubre de 2006 a las 00:50 #
Sería divertido si el monstrico tambien se moviera pero igual esta muy curioso el efecto…
El 25 de Octubre de 2006 a las 00:55 #
Que locura!!!!! Si lo haceis con una web con muchas imagenes vereis todo el explendor del script
El 25 de Octubre de 2006 a las 00:56 #
muy bueno, te vuelve un poco loco pero el experimento es divertido!
El 25 de Octubre de 2006 a las 00:58 #
Victor xDD
Tambien se puede simular el efecto, dando 500 vueltas sobre uno mismo y en la vuielta 500 mirar el monitor, aunque quizas asi te da vueltas la casa entera xD
El 25 de Octubre de 2006 a las 00:59 #
[…] Vía JaviMoya. […]
El 25 de Octubre de 2006 a las 01:03 #
mu xulo en ie, con firefox no funciona :’(
El 25 de Octubre de 2006 a las 01:06 #
Una vez mas, para todo este publico, JM sorprendiendo a su audiencia con sus descrubrimientos e invenciones!!
El 25 de Octubre de 2006 a las 01:07 #
joel: en firefox si que funciona ! :)
El 25 de Octubre de 2006 a las 01:15 #
Jajaj yo tengo un libro de JavaScript pero dude que te explique cómo hacer csas tan chulas como esta ;)
El 25 de Octubre de 2006 a las 01:26 #
Jejejeje super interesante eso Javi! Pensé que lo habías creado tu o algo así, pero intenté hacerlo en mi blog e hizo la misma función, lo postearé! Un saludo!
El 25 de Octubre de 2006 a las 01:45 #
Me he quedado alucinado. La verdad es que está muy bien. Me gustaría ver otros efectos como este. He flipado.
El 25 de Octubre de 2006 a las 01:59 #
solo dire…
me tomé algunas cervezas…y ver eso…OOOOOOHHH qué efecto!!!!
(notese, son las nueve de la noche en mi pais xD
El 25 de Octubre de 2006 a las 02:21 #
Ostia, qué mareooooooooooooo!!!!!!!!
El 25 de Octubre de 2006 a las 02:24 #
Nah Javi, en mi blog funciona si copia el código y lo pego en la barra de direcciones, pero si coloco el código en un artículo que haya escrito, al copiarlo no hay ningún efecto ni en mi web ni en ninguna y he copiado el código varias veces rectificándolo en el mismo post y nada =( no sabrás por que?
El 25 de Octubre de 2006 a las 02:42 #
No funciona en MAC… ¿alguna idea?… ¿de donde a donde hay que copiar?… ¿BARRA de direcciones es donde ponemos www. etc etc.. ?
¿de que me estoy perdiendo?….
AYUDA… Y GRACIAS…
El 25 de Octubre de 2006 a las 04:32 #
Probad con Google Images haciendo una búsqueda :)
El 25 de Octubre de 2006 a las 05:42 #
#15
jajajaja, buen idea ;)
El 25 de Octubre de 2006 a las 05:43 #
* buena XD
El 25 de Octubre de 2006 a las 05:55 #
Jajajaja!
Impresionante!, gran descubrimiento informatico.
Saludos Javi!
El 25 de Octubre de 2006 a las 06:04 #
Buenísimo! y lo mejor para éste efecto no se necesita consumir estupefacientes! =P
JAVI contra las drogas! jeje
Un saludo!
El 25 de Octubre de 2006 a las 07:21 #
Owned
Exijo recuperar el cadaver de mi gatito -__-
El 25 de Octubre de 2006 a las 09:23 #
Aun estoy mareado……..
El 25 de Octubre de 2006 a las 09:31 #
Salva, prueba de ponerno en o
El 25 de Octubre de 2006 a las 09:33 #
Impresionante jajajaja, me he pasado un buen rato destrozando webs :D y filipando a mis compañeros xDDDD gracias Javi.
El 25 de Octubre de 2006 a las 09:53 #
Me ha gustao Javi! ;)
El 25 de Octubre de 2006 a las 11:40 #
Bitxikeria Javascript-ekin
Kopiatu ondoren dagoen kodigoa, itsatsi helbide-barran eta Enter sakatu:
javascript:scroll(0,0); 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; fu…
El 25 de Octubre de 2006 a las 12:47 #
Mooola! pa que luego digamos que las mate no vale pa ná.
El 25 de Octubre de 2006 a las 12:57 #
jua jua jua… en mi blog mola mogollon :D
El 25 de Octubre de 2006 a las 13:13 #
Me ha gustado, jejejeje
El 25 de Octubre de 2006 a las 13:18 #
yo monté una versión para vagos en Cómo dar vida a un blog… je je je ;)
El 25 de Octubre de 2006 a las 13:31 #
Si inicias el truco y das [enter] varias veces todo gira mas rapido. Seria excelente como broma para despabilados.
El 25 de Octubre de 2006 a las 14:49 #
Efecto snake en Javascript
1. Copia el código de abajo (seleccionar y ctrl+c)
2. Pégalo en la barra de direcciones de tu navegador (interesa que tengas en esa misma ventana un página con IMágenes cargada, como esta) y pulsa enter:
javascript:scroll(0,0); R=0; x1=.1; y1=.05; …
El 25 de Octubre de 2006 a las 16:34 #
¡Cómo mola! Eso sí, que la página no tenga muchas imágenes… lo acabo de probar con mi blog y casi le da un infarto al ordenador.
@knithx.net: no me funciona tu código, ¿seguro que lo has puesto bien?
Saludos,
Anotnio
El 25 de Octubre de 2006 a las 17:08 #
habría forma de que fuera mas despacio?
El 25 de Octubre de 2006 a las 18:25 #
Se ve muy bien Javi, haber como en blogger.
El 25 de Octubre de 2006 a las 18:59 #
Por fin algo convincente para dejar las drogas de diseño…esto sí es diseño de verdad!! Wooooauuu, voy a probar con la web del club super3.
¿y con la del PP? Gaviotas revoloteando junto al logo…menudo cuelgue.
El 25 de Octubre de 2006 a las 19:20 #
JaJAJJAAJ, lo de las gaviotea muuu buenoooo
Goto, no me has venido a ver ….
Ale, que me voy a ver si hago algo para comer mañana
Ciaoooo
El 25 de Octubre de 2006 a las 19:26 #
Hombre, molar mola. lo he probado en mi página, que tiene bastantes fotos y está genial, hace la navegación un poco mareante., pero mola.
Voy a ver cómo rula en una páginilla picante. ;)
El 25 de Octubre de 2006 a las 21:01 #
jejeje eso con firefox no pasa!
El 25 de Octubre de 2006 a las 21:54 #
xDDDDDDDDDDDDDDDDDDD Buenísimo Javi!!!!!!!!!!
Lo pongo en mi blog xD
El 25 de Octubre de 2006 a las 21:54 #
Como tengo puesto el plugin para que según meto la direccion arriba, se abra en nueva pestaña… no me hace nada,,, :-S
El 25 de Octubre de 2006 a las 22:01 #
Chulada Javascript [Trackback]
No es ningún vídeo, pero es una chorrada que me ha hecho mucha gracia. Lo ha puesto Javi en su blog:
Prueben esto:
1. Resalten el texto de aquí abajo (marquenlo completamente)
2. Pulsen Ctrl+C (para copiarlo al portapapeles)
…
El 25 de Octubre de 2006 a las 22:01 #
Como puse por otro lao.. CURIOSO PERO INUTIL :D
El 25 de Octubre de 2006 a las 22:02 #
Que wapo que esta ;)
Mola hacerlo en una busqueda de Google imagenes.
El 25 de Octubre de 2006 a las 22:30 #
Muy bueno, me ha gustado.
El 25 de Octubre de 2006 a las 22:31 #
cambien el getElementsByTagName(”img”); por algun otro tag como “div”
El 26 de Octubre de 2006 a las 01:58 #
hago todo exactamente como dicen las instrucciones (copiar,alt D,pegar,enter) y no me aparece nada :( …
El 26 de Octubre de 2006 a las 04:19 #
Mola x3 en los jueguitos como “Carátulas de Películas”, pero siento que se pone más lento…
El 26 de Octubre de 2006 a las 04:37 #
Me encantó!!!! está genial!!!!
El 27 de Octubre de 2006 a las 00:24 #
Dijeron por ahi: “si lo haces en una web con muchas imagenes se te peta el explorador”
Lo he probado en una web con mas de 500 fotos (http://www.roblido.com) y ha funcionado perfectamente.
¿A vosotros se os cuelga? opps!
Saludos Javi de tu tocayo !!!
El 27 de Octubre de 2006 a las 07:47 #
[…] …hmmm…) Enlace Permanente | Enviar por email a un amigo Más anotaciones de:Entretenimiento […]
El 27 de Octubre de 2006 a las 12:43 #
Messed up site…
El 27 de Octubre de 2006 a las 13:13 #
El codigo es javascript simple pero cuidado, en muchos blogs puede no funcionar al convertir las comillas o quitar los asteriscos (como sucedio en bitelia).
Esto se puede poner en un acceso directo en la barra y aplicarse a cualquier pagina.
Funciona en firefox 1.5, 2, IE6, IE7, Safari y no funciona en Opera.
Otras gracietas:
-Ponerlo en tu firma en un foro.
-Ponerlo en una pagina web en la que suceda si pasan mas de 5 minutos (document.onload, pausa, etc.) la letra “a”.
-Ponerlo en un enlace en un mail y echarte unas risas cuando la gente lo lea en hotmail o yahoo.
El 27 de Octubre de 2006 a las 13:15 #
Por cierto, el filtro de Wordpress es bueno. No se puede *simplemente* pegar como en la forma de comentarios (que lo he intentado) ;)
Buen wordpress.. Buen chico.
El 27 de Octubre de 2006 a las 13:17 #
eduo: para que no le haga la transformación (de las comillas) basta con meter el codigo en etiquetas CODE.
El 28 de Octubre de 2006 a las 12:01 #
Mola mogollon :D
El 28 de Octubre de 2006 a las 18:58 #
Excelente los recortes periodísticos…..En diciembre estará disponible mi página web El Mensajero(musicas, videos, peliculas, juegos, noticias, servicios y mucho más)
Mas información en mi correo
El 29 de Octubre de 2006 a las 15:51 #
jeje que bueno, hay una foto que me distrae mas q el resto…. creo q es la de “El bikini más caro del mundo”, distrae la mirada mas q el resto de imagenes :P
El 29 de Octubre de 2006 a las 22:31 #
jejeje… que locura… marea un poco… :P
El 30 de Octubre de 2006 a las 01:19 #
La verdad es que vuelve un poco loco, pero la verdad es que queda muy chulo.
El 1 de Noviembre de 2006 a las 19:56 #
[…] Visto en … hmmm … […]