ARTICULOS

Efecto "terremoto" en el navegador

Autor: Fabian Muller (http://www.webexperto.com) - 18/06/2002

Del.icio.us Digg Technorati

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>)

<SCRIPT LANGUAGE="JavaScript1.2">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
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:

<a href="javascript:shake_xy(3)">Sacudir pantalla</a>

Sacudir pantalla

O con un botón:

<input type=button value="Sacudir pantalla" onclick="shake_x(4)">

 

Más artículos sobre Java Script

1. Un reloj digital en JavaScript
2. Mostrar banners Flash en forma aleatoria
3. Mostrar cantidad de días online
4. Confirmar eliminar registro
5. Tres métodos para redireccionar una página
6. Efecto nieve
7. Cambiando el color a las celdas con links
8. Informar cantidad de caracateres
9. Estela en el puntero del mouse
10. Muestra frases en forma aleatoria
Más artículos...

Otros artículos...

ASP Contador de visitas sin utilizar bases de datos
HTML Cuadro con las esquinas redondeadas
Programas Swish
Java Script Evitar el doble envío de un formulario
Marketing 5 sencillos pasos para ganar clientes
ASP Proteger páginas con password en ASP
HTML Todo sobre formularios en html
ASP Utilizando el componente AspEmail
ASP.net Banners aleatorios con ASP.net
Java Script ¿Cómo utilizar los archivos .js de JavaScript?
Más artículos...