15.10.10

Terremotoooooo!





Si, tu puedes hacer que se mueva todo el Explorador, justo como un terremoto, se sacudirá tu pantalla de arriba a abajo y de lado a lado por unos segundos gracias a JavaScript, este truco lo aprendí en The Javascript Source y lo he modificado para Ustedes, con este Script puedes jugarle una broma a tus usuarios o usarlo para un sitio temático de temblores o juegos etc...

Pruébalo:



Código:

Primero el Script, este puedes colocarlo en cualquier parte, aunque recomiendo que siempre lo coloques en el <HEAD> del documento, aunque hacer esto en un Blog es muy complicado, yo por eso lo agregue directo al inicio de la entrada en el Html y funciona:

<script language="JavaScript">
function shake(n) {
if (parent.moveBy) {
for (i = 5; i > 0; i--) {
for (j = n; j > 0; j--) {
for (k = 0; k <= 10; k++){
parent.moveBy(0,i);
parent.moveBy(i,0);
parent.moveBy(0,-i);
parent.moveBy(-i,0);
           }
         }
      }
   }
}
</script>

Ahora el Botón, este si lo puedes pegar donde quieras verlo:

<input onclick="shake(2);" type="button" value="Terremoto" />

No necesariamente tiene que ser un botón puedes agregarlo en cualquier etiqueta por ejemplo en una imagen:

Pruébame:

  

Código:

<img border="0" onclick="shake(2);" src="ubicacion de tu imagen" style="cursor: hand;" title="Terremoto!" />

Lastimosamente este código tan divertido no funciona en todos los exploradores, creo que solo en Internet Explorer y otro par. Pero de todos modos que lo disfrutes!!


Si te gusto el contenido no Olvides Comentar y Compartir



No hay comentarios:

Publicar un comentario