FRIHOST • FORUMS • SEARCH • FAQ • TOS • BLOGS • DIRECTORY
You are invited to Log in or Register a Frihost Account!

Some funny javascript

   Frihost Forum Index -> Scripting -> Html, CSS and Javascript
 


flatliner
This is funny, when you place the code below into your browse url bar and press enter all the images from any website your on with being to fly around the place. Its quite funny Laughing

Code:
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.images; 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; DIS.top=Math.cos(R*y1+i*y2+y3)*y4+y5}R++}setInterval('A()',5 ); void(0)
flatliner
althought it doesnt work in firefox really, only fully works in IE
jabapyth
cool script! you could make it Firefox compatible by doing:

Code:
javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; var DI= document.images; 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++}tag=setInterval('A()',5 );document.onmousedown=function(){clearInterval(tag);for(i=0; i<DIL; i++){DI[i].style.position="static";}}; void(0)

--the difference is adding +"px" after the style top and left declarations: firefox doesn't accept raw numbers at top and left attributes.

in addition, i added a function so that when you click anywhere, the images go back to their places.
flatliner
oh right yea, nice one. yea its a pretty mad script alright Laughing
Peterssidan
No the answer button flew away :p
Very cool script! This I must try to joke with someone with this.
ThomasDesigns
Modified it to only move when your mouse is moving, as well as revolve around the mouse.

This one only seems to work in firefox, however, and can't exactly be stopped.

Working on tweaking it a little to make the images follow the mouse in a trail.

I'm pretty sure the reason IE doesn't like my script is because of the way I find the mouse coords. Any ideas?

Code:

javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=100; y4=100; var DI= document.images; DIL=DI.length; function A(_X,_Y){for(i=0; i<DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=Math.sin(R*x1+i*x2+x3)*x4+_X+"px"; DIS.top=Math.cos(R*y1+i*y2+y3)*y4+_Y+"px"}R++}document.onmousemove=function(event){_X = event.clientX; _Y = event.clientY; A(_X,_Y);};document.onmousedown=function(){for(i=0; i<DIL; i++){DI[i].style.position="static";}};void(0)


--edit--
Can't seem to get a follower script working. Will try more later (this is fun).
ThomasDesigns
Ok, so, I have been working on making a scrpt to make all images follow the mouse in a trail. I think I am close, but I just can't quite get it to work correctly.

Heres the code I have so far, any input is appreciated.

Code:

javascript:
var acc=1; 
var DI=document.images; 
var DIL=DI.length; 
function A(){
   for(i=1;  i<DIL;  i++){
      DI[i].style.position='absolute';
      if(DI[i].style.left!=DI[i-1].style.left){   
         DI[i].style.left = DI[i].style.left+((DI[i-1].style.left-DI[i].style.left)/acc)+'px';
      } 
      if(DI[i].style.top!=DI[i-1].style.top){
         DI[i].style.top = DI[i].style.top+((DI[i-1].style.top-DI[i].style.top)/acc)+'px';
      }
   }
}
function moveFirst(event){
   var IE = document.all?true:false; 
   if(!IE){
      var _X=event.clientX;   
      var _Y=event.clientY; 
   }
   else if(IE){
      var _X=window.event.clientX;   
      var _Y=window.event.clientY; 
   }
   var DIS=DI[0].style; 
   DIS.position='absolute'; 
   DIS.left=_X;  DIS.top=_Y;
}
function Clear(){
   clearInterval(tag);
   for(i=0; i<DIL; i++){
      DI[i].style.position="static";
   }
}
document.onmousemove=moveFirst;
A();
var tag=setInterval('A()',5,'JavaScript');
document.onmousedown=Clear();
void(0);


Obviously you would need to remove the indentation and form to copy it to the URL bar, but I have it this way so that it's easier to read and debug.
Related topics

Textareas and Javascript
Question about forms on websites?
Drag images (Javascript)
The Archive of All Funny
These Are Funny
funny pictures for sale
Pervert Psychiatrist
more funny sef movies 2
Funny Animal Pictures
Funny Flash
PB PHP, Iframe and Javascript
Clock-javascript
Lots Of Funny Pictures
javascript: needed script for displaying window
Funny Pictures
Reply to topic    Frihost Forum Index -> Scripting -> Html, CSS and Javascript

FRIHOST HOME | FAQ | TOS | ABOUT US | CONTACT US | SITE MAP
© 2005-2007 Frihost, forums powered by phpBB.