Full Version: [Beginner] Earthquake Script
Weborum Webmaster Forum > TUTORIAL ARCHIVE - tutorials & scripts to save you scouring the internet. Please feel free to add your own. > Javascript tutorials/scripts
Want to add something different to your site? well this little script gives the effect of an earthquake on your site
| CODE |
| <script type="text/javascript"> function init() { setTimeout("shake(3)",1000); setTimeout("this.focus()",4000); setTimeout("shake(3)",4100); } function register() { var isAol = "no"; var res = 800; } function shake(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); } } } } a=275; b=275; r=20; x=1; z=1; function rotate(r) { while (z<=3) { for (var i = 0; i <360; i++) { x = (r * Math.cos((i * Math.PI)/180)) + a; y = (r * Math.sin((i * Math.PI)/180)) + b; window.moveTo(x,y); } z+= 1; } setTimeout("shake(3)",10000); } </script> |
copy this code into the <head> of your page and on the body tag add this: onload="init()" to make <body onload="init()">
remember to add the code to the body tag or the script will not work. click here for an example
edit/ with this code there is not many changes you can make unless you know what your doing with JS, but the changes you can make are:
setTimeout("shake(3)",1000); //
setTimeout("this.focus()",4000); // These 3 are all the timings before the shake
setTimeout("shake(3)",4100); // starts and when it will shake again
a=275; // These determin the size of the shake
b=275; // ie. a higher number means a bigger quake
remember to add the code to the body tag or the script will not work. click here for an example
edit/ with this code there is not many changes you can make unless you know what your doing with JS, but the changes you can make are:
setTimeout("shake(3)",1000); //
setTimeout("this.focus()",4000); // These 3 are all the timings before the shake
setTimeout("shake(3)",4100); // starts and when it will shake again
a=275; // These determin the size of the shake
b=275; // ie. a higher number means a bigger quake
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.