マウスと共に画像を移動する。(ゆっくりバージョン)      
Sample
ここをクリックして新しいウインドウを開いてください。

ソース
<html><head>

<script language="JavaScript">
<!--
mov_value=3;
x_add=0;  y_add=0;
x_cur=0;    y_cur=0;    x_pos=0;   y_pos=0;
x_dotti=0;  y_dotti=0;  my_time=0; pos=0;
function judge_pos(e){
  if(document.layers){x_pos=e.pageX;  y_pos=e.pageY;}
  if(document.all){
    x_pos=document.body.scrollLeft+event.clientX;
    y_pos=document.body.scrollTop+event.clientY;
  }
  if(x_cur<=x_pos)x_dotti=1;   else x_dotti=0;
  if(y_cur<=y_pos)y_dotti=1;   else y_dotti=0;
  disp();
}
function disp(){
  if(pos==0){pos=1;  x_cur=x_pos;  y_cur=y_pos;}
  if(x_dotti==1 && x_cur<=x_pos+x_add)x_cur+=mov_value;
  else if(x_dotti==0 && x_cur>=x_pos+x_add)x_cur-=mov_value;
  if(y_dotti==1 && y_cur<=y_pos+y_add)y_cur+=mov_value;
  else if(y_dotti==0 && y_cur>=y_pos+y_add)y_cur-=mov_value;
  if(document.layers){
    document.layers["lay0"].moveTo(x_cur,y_cur);
    document.layers["lay0"].visibility='show';
  }
  if(document.all){
    document.all("lay0").style.pixelLeft=x_cur;
    document.all("lay0").style.pixelTop=y_cur;
    document.all("lay0").style.visibility='visible';
  }
  if(x_dotti==1 && x_cur<=x_pos+x_add ||
    y_dotti==1 && y_cur<=y_pos+y_add){
    clearTimeout(my_time);  my_time=setTimeout('disp();',20);
  }
  else if(x_dotti==0 && x_cur>=x_pos+x_add ||
    y_dotti==0 && y_cur>=y_pos+y_add){
    clearTimeout(my_time);  my_time=setTimeout('disp();',20);
  }
  else {
    x_cur=x_pos; y_cur=y_pos;
  }
  return false;
}
if(document.layers)document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=judge_pos;
//-->
</script>

</head>
<body>
<FORM>
<INPUT TYPE=button VALUE="ウインドウを閉じる" onClick=window.close()>
</FORM>
<span id="lay0" style="position:absolute;visibility:hidden;">
<img src="kumo.gif" border="0">
</span>
</body></html>
ワンポイント解説
mov_value= が、移動する量になります。