Efecto Terremoto

Este efecto puede que no tenga mucha utilidad, pero eso no quita que sea muy bueno... Es bastante configurable y muy pequeño, teniendo en cuenta el resultado.

<html>
<head>
<title>Efecto 1</title>
</head>

<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>
<body>
<a href=" # " onMouseOver ="javascript:sacudir_ xy ( 20 )"> Sacudir la pantalla pantalla </a>
</body>
</html>

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.

Original de fuikas.tk

Usuarios que han visto este tema también han visto...

- Establecer conexiones al puerto Http con el objeto XMLHttp
- Quitar Marcos
- Creador vínculo mailto anti SpamBots con JavaScript
- Mostrar ventana para guardar el HTML
- Abrir ventanas nuevas de forma no intrusiva en XHTML

- Versión imprimible de este documento

- Enviar por e-mail este documento