Tuesday, 7 June 2011

Webpage Shaking - DIV



This is another version of Webpage Shaking.
This is also fun little trick but here it will create a shake effect on your webpage parts & not whole page.
Working in Internet Explorer, Mozilla Firefox, Chrome .
The trick is simply a small JavaScript that causes your webpage divisions to move to different positions, causing a shake of your entire webpage. 
It's kind of cool to watch and see what JavaScript can do! Try it out..
Here's how: Copy this entire line and paste it onto your address box, then press Enter:


javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.getElementsByTagName("div"); DIL=DI.length; function A(){for(i=0; i-DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=(Math.sin(R*x1+i*x2+x3)*x4+x5)+"px"; DIS.top=(Math.cos(R*y1+i*y2+y3)*y4+y5)+"px"}R++}setInterval('A()',5); void(0);




1 comment:

  1. I gotta learn javascript,it seems like a lot of fun!

    ReplyDelete

Please do not spam

Related Posts Plugin for WordPress, Blogger...