martes, 17 de noviembre de 2009

Sacudir la pantalla con JavaScript

En este bloque de Codigo te enseñamos como hacer un divertido efecto terremoto en tu blog o tu pagina Web.

Solo copia el siguiente codigo:

<script language="JavaScript1.2">
function sacudir_xy(n) {
if (self.moveBy) {
for (i = 10; i > 0; i--) {
for (j = n; j > 0; j--) {
self.moveBy(0,i);
self.moveBy(i,0);
self.moveBy(0,-i);
self.moveBy(-i,0);
}
}
}
}

function sacudir_x(n) {
if (self.moveBy) {
for (i = 10; i > 0; i--) {
for (j = n; j > 0; j--) {
self.moveBy(i,0);
self.moveBy(-i,0);
}
}
}
}

function sacudir_y(n) {
if (self.moveBy) {
for (i = 10; i > 0; i--) {
for (j = n; j > 0; j--) {
self.moveBy(0,i);
self.moveBy(0,-i);
}
}
}
}
</script>
<a href="http://www.avajavier-cod.blogspot.com/"
onmouseover="javascript:sacudir_ xy ( 10 )" >
Sacudir la pantalla</a>


En este script se pueden modificar varias cosas. En primer lugar el evento onMouseOver se puede cambiar por el que más nos interese (onClick, onMouseDown, etc.). También podemos modificar el tipo de "terremoto" que queremos invocar. Los tipos de sacudidas son: sobre las coordenadas xy (izq. der. y arr. abaj.), solo sobre las x o solo sobre las y. Para cambiar de una a otra solo hay que modificar el nombre de la funcion que llamamos con javascript: así, si queremos que el terremoto sea vertical, utilizamos la siguiente: javascript:sacudir_y.

También podemos cambiar la magnitud del terremoto. Para ello solo hay que cambiar el numero que está entre parentesis por el que queramos, para así conseguir un terremoto más largo o más corto.

No hay comentarios:

Publicar un comentario

Deja tu comentario...