ARTICULOS

Efecto "terremoto" en el navegador

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

Del.icio.us Facebook 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. Mostrar banners Flash en forma aleatoria
2. Mensajes en la barra de estado en los links
3. Cambiando el color a las celdas con links
4. Menúes de listas despegables con javascript
5. Estela en el puntero del mouse
6. Efecto MouseOver con imágenes
7. Evitar el doble envío de un formulario
8. Listas dependientes
9. Scroll de noticias con JavaScript
10. Slide show de imágenes
Más artículos...

Otros artículos...

ASP.net Banners aleatorios con ASP.net
Java Script Banners aleatorios con JavaScript
ASP Altas, bajas y modificaciones
PHP Calcular la edad con PHP
HTML Referencia del código html
Fireworks Optimizando gráficos con el Fireworks
Flash Optimizar el peso de los SWF
WML WAP Introducción al WML
ASP.net Anti robots en ASP.NET
Marketing Distintas ofertas; un mismo web
Más artículos...