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>
<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