Manual de Javascript

 
 
 

Mapa Web

 
borde   borde
Portada Lista de Códigos JavaScript Efecto Terremoto

 

Efecto Terremoto Imprimir E-mail

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

 

 
Portada
Capítulos del Manual de JavaScript
Introdución
Javascript para aplicaciones cliente
Javascript en documentos HTML
Archivos de código Javascript
Javascript para aplicaciones servidor
Valores Javascript
Literales Javascript
Objetos Javascript
Métodos Javascript
Operadores Javascript
Condicionales Javascript
Bucles Javascript
Funciones Javascript
Parámetros de las funciones
Funciones de ventanas y funciones matemáticas
Gestión de eventos
Ejemplos de eventos
Captura de eventos
Cookies
Configurar y borrar cookies
Practicar en línea
Lista de prácticas en línea
FAQ
Preguntas frecuentes
Códigos JavaScript
Lista de Códigos JavaScript
Foros
Foros JavaScript
Otros Manuales
Manuales de otros lenguajes
 
   
 
 
Alojamiento web en Hostalia