<img id="mousepic" src="Ball.gif" style="position:absolute;top:0px;left:0px" />
<img id="mousepic2" src="Ball.gif" style="position:absolute;top:0px;left:0px" />
<script type="text/javascript"><!--
var pic=document.getElementById('mousepic'), pic2=document.getElementById('mousepic2'), x=y=oldx=oldy=0;
document.onmousemove = mouse;
setInterval('placePic()',100);
function mouse(e){
x = (document.all) ? window.event.x + document.body.scrollLeft : e.pageX;
y = (document.all) ? window.event.y + document.body.scrollTop : e.pageY;
}
function placePic() {
if(!!pic) {
pic.style.left = Math.round( oldx += .6 * (x-oldx) ) + 20;
pic.style.top = Math.round( oldy += .6 * (y-oldy) ) + 25;
}
}
function placePic() {
if(!!pic2) {
pic2.style.left = Math.round( oldx += .3 * (x-oldx) ) + 50;
pic2.style.top = Math.round( oldy += .3 * (y-oldy) ) + 60;
}
}
//--></script>