Tuesday, 17 June 2014

funny javascript , amazing javascript, fun with javascript

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.








<script language="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);
</script>

No comments:

Post a Comment