¿Como puedo hacer con JavaScript un efecto de "terremoto"?
:: Acerca de Codigos :: Javascript
Página 1 de 1.
¿Como puedo hacer con JavaScript un efecto de "terremoto"?
Hola queridos amigos eh aqui un codigo echo por mi para hacer un efecto de terremoto,no sé si este efecto sea útil, pero puede resultar algo divertido. Se trata de un JavaScript que tiene como función realizar un efecto de "terremoto" o "sacudir" la ventana del navegador.
El siguiente script lo ubicamos dentro del cuerpo de la página (entre los tags <body> y </body>)
Y luego realizamos un link a la función:
O en un boton:
Espero que te halla servido, adios~
El siguiente script lo ubicamos dentro del cuerpo de la página (entre los tags <body> y </body>)
- Código:
<SCRIPT LANGUAGE="JavaScript1.2">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! [url]http://javascript.internet.com[/url] -->
function shake_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 shake_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 shake_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>
Y luego realizamos un link a la función:
- Código:
<a href="javascript:shake_xy(3)">Sacudir pantalla</a>
O en un boton:
- Código:
<input type=button value="Sacudir pantalla" onclick="shake_x(4)">
Espero que te halla servido, adios~
Temas similares
» Como instalar wordpress?
» Como crees que es el de arriba en verdad?
» Como actualizar la version de wordpress?
» Como instalar idioma en español a mi wordpress
» Resuelto-Como colocar un fondo css de pwg en una pagina html de foroactivo.
» Como crees que es el de arriba en verdad?
» Como actualizar la version de wordpress?
» Como instalar idioma en español a mi wordpress
» Resuelto-Como colocar un fondo css de pwg en una pagina html de foroactivo.
:: Acerca de Codigos :: Javascript
Página 1 de 1.
Permisos de este foro:
No puedes responder a temas en este foro.
|
|