Javascript - Shaking the
window
Using JavaScript you can easily accomplish the window shaking effect. The movement is done through javascript:window.moveBy(x, y) function. moveBy() is a window method. It takes two parameters, which are the x and y displacement from the current window position.
For example, when you pass the
mouse over the following link this page will shake. Shake
the window
Put the following piece of javascript
between <head> </head>
script
language="JavaScript">
<!--
function shakeWindow(n)
{
var i,j;
if(top.moveBy) {
for(i=10; i>0; i--)
for(j=n; j>0; j--) {
top.moveBy(0,i);
top.moveBy(i,0);
top.moveBy(0,-i);
top.moveBy(-i,0);
}
}
}
//-->
</script>
Write
the following in <body> </body>.This code uses recursion to call
the javascript funtion shakeWindow 10 times.
<body>
<a
href=" " onmouseover="shakeWindow(10)"> shake the window</a>
<body>
Draw backs
- The shaking the browser window can annoy visitors.
- Not all browsers support the JavaScript "moveBy" method (older browsers such as Netscape 3 don't). In that case, the browser might display ugly error message